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

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/** 공통 **/
#wrap{min-width: 1900px;background: #e3e9e7;z-index: -1;}
.container{position:relative;width: 1260px;margin:0 auto;}
.sub-content .checker{margin: 5px !important;background: url(../../asset/images/common/ico-check2.png) center left no-repeat;color: #6a707c;font-size: 18px;}
.sub-content .checker.on{background: url(../../asset/images/common/ico-check2_on.png) center left no-repeat;color: #313c4e;}
.esse{position:relative;}
.esse:after {
    display: block;
    content: "*";
    position: absolute;
    top: 50%;
    left: 7px;
    height: 20px;
    margin-top: -10px;
    color: #ff1a44;
    font-size: 20px;
}

/* heading */
h3.tit{position:relative;padding-left: 24px;font-size: 20px;font-weight: 500;}
h3.tit:after {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 5px;
    border-color: #008990 #008990 #00b550 #00b550;
    border-radius: 50%;
    background: #fff;
}
p.tit{/* margin:5px 35px; *//* font-size: 15px; */}
p.tit.text-right{margin-right:0;}

.btn-arrow{position:relative;padding: 16px 130px 16px 90px !important;}
.btn-arrow:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 90px;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 0;
    background: url(../../asset/images/sub/ico-arrow2.png) right center no-repeat;
}

/** swiper **/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/** select2 **/
.search-wrap .select2-container--default .select2-selection--single{
    height: 38px;
    border: 2px solid #e1e8ee;
    border-radius: 8px;
    color: #334150;
    font-size: 16px;
}
.search-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px;}
.search-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 14px;
    right: 10px;
    width: 16px;
    height: 10px;
    background: #fff url(../../asset/images/common/icon/ico-lnbArrow3.png) 0 0 no-repeat;
}
.search-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}

.select2-results__option{font-size:14px;}
.select2-container--default .select2-results__option--selected{background-color: #eef2fc;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #3b404f !important;}

/** pagination **/
.pagination_area{margin-top: 30px;text-align:center;}
.pagination{display:inline-block;height: 36px;vertical-align:top;zoom:1;}
.pagination::after{display:block; clear:both; content:'';}
.pagination li{float:left;margin: 0;}
.pagination li a{display:inline-block;min-width: 36px;height: 36px;padding: 0;line-height: 36px;font-size: 15px;text-align:center;}
.pagination li.btn_move a{position:relative;}
.pagination li.active a{
    color: #008b93;
    font-weight: 500;
    text-decoration:underline;
}
.pagination li.first-page a{background:url("../../asset/images/common/icon/ico-page-first.gif") 0 0 no-repeat;}
.pagination li.prev-page a{background:url("../../asset/images/common/icon/ico-page-prev.gif") 0 0 no-repeat;}
.pagination li.next-page a{background:url("../../asset/images/common/icon/ico-page-next.gif") 0 0 no-repeat;}
.pagination li.last-page a{background:url("../../asset/images/common/icon/ico-page-last.gif") 0 0 no-repeat;}
.pagination li.first-page, .pagination li.prev-page, .pagination li.next-page, .pagination li.last-page{margin:0 3px;}

/** modal **/
.fade {opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear}
.fade.in {opacity: 1}
.collapse {display: none;visibility: hidden}
.collapse.in {display: block;visibility: visible}
.modal-open {overflow: hidden}

.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {overflow-x: hidden;overflow-y: auto}
.modal-dialog {position: relative;width: auto;margin: 10px;}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {position: absolute;top: 0;right: 0;left: 0;background-color: #000}
.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0}
.modal-backdrop.in {filter: alpha(opacity=50);opacity: .5}
.modal-header {
	min-height: 16.43px;
	padding: 15px;
	/* background: #2a3344; */
	border-radius: 5px 5px 0 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b550+0,008b93+100 */
    background: #00b550; /* Old browsers */
    background: -moz-linear-gradient(left,  #00b550 0%, #008b93 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #00b550 0%,#008b93 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #00b550 0%,#008b93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b550', endColorstr='#008b93',GradientType=1 ); /* IE6-9 */
}
.modal-header .close {
	margin-top: 2px;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	filter: alpha(opacity=20);
	opacity: 1;
	background: none;
}
.modal-title {
	margin: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.42857143;
}
.modal-body {position: relative;padding: 15px;font-size: 14px;font-weight: 400;line-height: 170%;}
.modal-body h3{font-weight:500}
.modal-body p.info{
    padding: 13px;
    border: 1px dashed #e0e0e0;
    background: #eef2fc;
    font-size: 15px;
}
.modal-body p.info em{font-size:16px;}
.modal-body p.info2{
    padding: 10px 13px;
    border: 1px solid #d1e1dc;
    border-radius: 5px;
    background: #eaefee;
    font-size: 14px;
}
div.view + p.info2{margin-top:24px !important;}
div.view + p.info2:after{
    display:block;
    content:"";
    position:absolute;
    top: -12px;
    left:0;
    width:100%;
    height:1px;
    border-top:1px dashed #e0e0e0;
}
.modal-body p.info2 em{font-size:15px;}
.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;}
.modal-footer .btn-group{margin:0;}
.modal-footer .btn-group .text-center .btn{float:none;}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll}

.modal .close{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e73f5b;
    color: #fff;
    font-size: 25px;
    line-height: 40px;
}
.modal-body .modal-title{
	position:relative;
    color: #334150;
    font-size: 15px;
}
#mFilter .modal-dialog, #mProcess .modal-dialog{max-width:350px;margin: 63px auto 0;}
#mFilter .modal-body .modal-title{}
#mFilter .modal-body .modal-title span{display: inline-block;position:relative;padding-left: 33px;}
#mFilter .modal-body .modal-title span:after{
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:24px;
    height:21px;
	background: url("../../asset/images/common/icon/m-ico-filter-tit.png") center left no-repeat;
}
#mProcess .modal-body .modal-title span{display: inline-block;position:relative;padding-left: 30px;}
#mProcess .modal-body .modal-title span:after{
    display:block;
    content:"";
    position:absolute;
    top: -1px;
    left:0;
    width:24px;
    height: 23px;
    background: url("../../asset/images/common/icon/m-ico-process-tit.png") center left no-repeat;
}

/** header **/
header{position: relative;}
header:after{display:block; clear:both; content:"";}
header section{
	position: relative;
	height: 60px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b550+0,008b93+100 */
	background: #00b550; /* Old browsers */
	background: -moz-linear-gradient(left,  #00b550 0%, #008b93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00b550 0%,#008b93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00b550 0%,#008b93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b550', endColorstr='#008b93',GradientType=1 ); /* IE6-9 */
}
header section:after{display:block; clear:both; content:"";}
header section:before{display:block;content:"";position:absolute;bottom: 1px;left:0;width:100%;height:1px;background: rgba(0, 0, 0, 0.15);}
/* logo */
header .brand-logo{
    float: left;
}
header .brand-logo a{
    display: block;
    padding: 7px 15px;
}
header .brand-logo a img{}
/* gnb */
header nav#gnb{
    float: left;
}
header nav#gnb ul{}
header nav#gnb ul:after{display:block; clear:both; content:"";}
header nav#gnb ul li{
    display: inline-block;
    float: left;
}

header nav#gnb ul li a{
    display:block;
    position:relative;
    margin: 12px 30px;
    padding: 5px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}
header nav#gnb ul li.active a, header nav#gnb ul li a:hover, header nav#gnb ul li a:focus{
    color: #ffffff;
    font-weight: 500;
}
header nav#gnb ul:first-child li a{margin-left:12px;}
header nav#gnb ul li a:after{
	display:block;
	content:"";
	position:absolute;
	top: 13px;
	left: -20px;
	width:1px;
	height: 13px;
	background: rgba(255, 255, 255, 0.3);
}
header nav#gnb ul li a:before{
	display:block;
	content:"";
	position:absolute;
	top: 13px;
	left: -19px;
	width: 1px;
	height: 13px;
	background: rgba(0, 0, 0, 0.15);
}
header nav#gnb ul li:first-child a:after, header nav#gnb ul li:first-child a:before{display:none;}
/* right-button */
header .right-btn{
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -23px;
}
header .right-btn a{}
/* notice-header */
header .notice{
    position: relative;
    padding: 0 15px;
    border-bottom:1px solid #dcdada;
    background: #fff;
}
header .notice a{
    display: block;
    width: calc(100% - 210px);
    padding: 11px 35px;
    background: url("../../asset/images/common/icon/ico-notice.png") 0 12px no-repeat;
    color: #111;
    font-size: 14px;
}
header .notice a span{position:absolute;top:50%;right: 15px;margin-top:-10px;color:#333;}
header .notice a span strong{display:inline-block; margin-left:5px;}

/** footer **/
footer{padding: 17px 15px;border-top: 1px solid #dcdada;background: #fff;}
footer p.copy{color: #888; font-family: "돋움"; font-size: 12px;}

/** content **/
#content{position:relative;z-index: 1;}
#content:after{display:block; clear:both;content:"";}
#content:before{display:block; content:""; position:absolute; top:0; left:0; width:240px; height:100%; background:#3b404f; z-index:-1;}
/* nav : lnb */
nav.lnb{
    position: relative;
    float: left;
    width: 240px;
    height: calc(100vh - 152px);
}
nav.lnb h2.tit{
    padding: 20px;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: -0.040em;
}
nav.lnb > ul{}
nav.lnb > ul > li{}
nav.lnb > ul > li > a{
    display: block;
	position: relative;
    padding:10px 20px;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -0.040em;
}
nav.lnb > ul > li.active > a{
	background:#008b93;
	font-weight: 400;
}
nav.lnb > ul > li.active > a:after{display: block;content: "";position: absolute;top: 50%;right: 20px;width: 8px;height: 12px;margin-top: -6px;background: url("../../asset/images/common/icon/ico-lnbArrow1.png") 0 0 no-repeat;}

nav.lnb > ul > li > ul{display:none;padding: 7px 0;border-bottom: 1px solid #4f5462;background: rgba(0, 139, 147, 0.3);}
nav.lnb > ul > li.active > ul{display:block;}
nav.lnb > ul > li > ul > li{}
nav.lnb > ul > li > ul > li > a{
    display: block;
    position:relative;
    padding: 8px 20px;
    color: #fff;
    font-size: 15px;
    letter-spacing: -0.040em;
}
nav.lnb > ul > li > ul > li.active > a:after{display: block;content: "";position: absolute;top: 50%;right: 20px;width: 8px;height: 12px;margin-top: -6px;background: url("../../asset/images/common/icon/ico-lnbArrow2.png") 0 0 no-repeat;}

/* section : container */
section.container{
    position: relative;
    float:left;
    width: 1345px;
    min-width: 1345px;
    margin:15px;
}
section.container-all{
    width: 1630px;
}
section.container-wide{
    width: calc(100% - 322px);
    min-height: 700px;
    padding: 25px;
    border: 1px solid #dcdada;
    background: #fff;
}
section.container > .cont-detail{}
.detail-wrap{
	min-height: 703px;
	margin-top: -1px;
	padding: 25px;
	border: 1px solid #dcdada;
	background: #fff;
}

/* tabs */
.tab-wrap{}
.tabmnu{}
.tabmnu ul{}
.tabmnu ul:after{display:block; clear:both; content:"";}
.tabmnu ul li{
    display: inline-block;
    float: left;
    margin-left: 4px;
}
.tabmnu ul li:first-child{margin-left: 15px;}
.tabmnu ul li a{display: block;height: 40px;line-height: 40px;padding: 0 20px;border: 1px solid #009583;border-bottom: 0;border-radius: 8px 8px 0 0;background: #009583;color: #fff;font-size:16px;}
.tabmnu ul li a.active{border:1px solid #dcdada;border-bottom: 0;background: #fff;color: #42535d;font-size:17px;}

.tabmnu-check ul li a{line-height: 34px;}

.tab_unit_wrap{
    min-height: 660px;
    margin-top: -1px;
    padding: 25px;
    border: 1px solid #dcdada;
    background: #fff;
}
.tab_unit_wrap .tab_unit {}

section.container-wide .tabmnu ul li, .tabmnu ul.unit_tab2 li{
    margin-left: -1px;
}
section.container-wide .tabmnu ul li:first-child,  .tabmnu ul.unit_tab2 li:first-child{
    margin-left: 0;
}
section.container-wide .tabmnu ul li a, .tabmnu ul.unit_tab2 li a{
    border: 1px solid #dcdada;
    border-radius: 0;
    background: #e3e9e7;
    color: #42535d;
}
section.container-wide .tabmnu ul li a.active, .tabmnu ul.unit_tab2 li a.active{
    border: 1px solid #017b82;
    background: #008b93;
    color: #fff;
    box-shadow: inset 10px 9px 14px #017b82;
}

section.container-wide .tab_unit_wrap{
    margin: 20px 0 0;
    padding: 0;
    border: 0;
}

.tabmnu ul li a label{vertical-align:top;}
.tabmnu ul li a input[type="checkbox"] + label:after{margin-top: -3px;}
.tabmnu ul li a input[type="checkbox"] + label:before, .tabmnu ul li a input[type="radio"] + label:before{margin-top: -10px;}

/* search-wrap */
.search-wrap{position: relative;margin: -5px -5px 0;}
.search-wrap:before{
	display:block;
	content:"";
	position:absolute;
	bottom: -16px;
	left: 5px;
	width: calc(100% - 10px);
	height:1px;
	border-bottom:1px dashed #e0e0e0;
}
.search-wrap:after, .search-wrap .col-wrap:after{display:block; clear:both; content:"";}
.col-wrap{display:block;/* float: left; */width: calc(100% - 130px);}
.col-wrap-other{display:block;/* float: left; */width: calc(87% - 100px);}
.search-wrap div.col{
    display: inline-block;
    float:left;
    height: 38px;
    margin: 5px;
}
.search-wrap div.grouping{margin: -5px;}
.search-wrap div.grouping:after{display:block; clear:both; content:"";}
.search-wrap span.col{
    display: inline-block;
    float:left;
    margin: 5px;
}
.search-wrap input{
    height: 38px;
    border: 2px solid #e1e8ee;
    border-radius:8px;
    color: #334150;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}
.search-wrap input.readonly {
	border: 0;
	padding: 0;
	width: 100%;
	/* height: auto; */
	min-width: auto;
	line-height: normal;
	border-radius: 0;
	color: #000;
	outline: 0;
	text-align: center;
}
.search-wrap input.from{
	float:left;
	padding-left: 20px;
	border-right: 0;
	border-radius: 8px 0 0 8px;
	background: #fff url("../../asset/images/common/icon/ico-calendar.png") 110px 10px no-repeat;
}
.search-wrap span.from, .search-wrap span.to{
	display: inline-block;
	position:relative;
	float:left;
}
.search-wrap span.from span, .search-wrap span.to span{display:inline-block;}
.search-wrap span.from.input:after, .search-wrap span.to.input:after{
	display:block;
	content:"";
	position:absolute;
	top:50%;
	right: 15px;
	width:16px;
	height:16px;
	margin-top: -7px;
	background: #fff url("../../asset/images/common/icon/ico-calendar.png") 0 0 no-repeat;
}
.search-wrap span.from input, .search-wrap span.to input{
	width: 100%;
	padding: 0 0 0 15px;
	/* text-align: center; */
}
.search-wrap span.from input, .search-wrap span.from .select2-container--default .select2-selection--single{border-right: 0;border-radius: 8px 0 0 8px;}
.search-wrap span.to input, .search-wrap span.to .select2-container--default .select2-selection--single{border-left:0; border-radius: 0 8px 8px 0;}
.search-wrap input.to{
	float:left;
	padding-left: 10px;
	border-left: 0;
	border-radius: 0 8px 8px 0;
	background: #fff url("../../asset/images/common/icon/ico-calendar.png") 100px 10px no-repeat;
}
.search-wrap .tilde{
    display: inline-block;
    float: left;
    height: 34px;
    line-height: 32px;
    border-top: 2px solid #e1e8ee;
    border-bottom: 2px solid #e1e8ee;
    background: #fff;
    font-size: 18px;
    text-align: center;
}
.search-wrap .tilde.no-line{border-top: 0; border-bottom: 0;}
.search-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #a2adb7;
	font-weight:400;
}
.search-wrap ::-moz-placeholder { /* Firefox 19+ */
	color: #a2adb7;
	font-weight:400;
}
.search-wrap :-ms-input-placeholder { /* IE 10+ */
	color: #a2adb7;
	font-weight:400;
}
.search-wrap :-moz-placeholder { /* Firefox 18- */
	color: #a2adb7;
	font-weight:400;
}
.search-wrap .btn-wrap{
    position: absolute;
    bottom: 0;
    right: 0;
}

.tit-wrap{position:relative;}
.tit-wrap .search-wrap{position:absolute;top:0;right: 5px;}
.tit-wrap .search-wrap:before{display:none;}

/* search-his */
#search-his{
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
}
#search-his .ico_alarm{
	position: relative;
	float: right;
	padding: 5px 35px 5px 10px;
	border-radius: 8px;
	background: #313541;
	color: #fff;
	font-size: 16px;
	letter-spacing: -0.040em;
	z-index: 1001;
}
#search-his .ico_alarm:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 8px;
	height: 12px;
	margin-top: -5px;
	background: url(../../asset/images/common/icon/ico-lnbArrow1.png) 0 0 no-repeat;
	transform: rotate(90deg);
}
#search-his.open .ico_alarm:after{transform: rotate(270deg);}

#search-his .list{
	position: absolute;
	overflow-y: auto;
	top: 0;
	right: 0;
	width: 100%;
	max-height: 375px;
	padding: 18px;
	border: 1px solid #dcdada;
	background: #fff;
	opacity: 0;
	z-index: -1;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#search-his.open .list{
    top: 40px;
    opacity: 1;
    z-index: 1000;
}
#search-his .list h3{
    color: #333;
    font-size: 16px;
    font-weight: 400;
}
#search-his .list > a.delete{
    position: absolute;
    top: 18px;
    right: 18px;
    color:#5e6e7e;
    font-size: 16px;
    font-weight: 300;
}

#search-his .list ul{
    margin-top: 10px;
}
#search-his .list ul li{
    position: relative;
    padding-left: 0;
}
#search-his .list ul li a{
    display: block;
    font-size:14px;
    letter-spacing: -0.040em;
    overflow: hidden;
    /*     height: 32px; */
    line-height: 32px;
    padding: 0 100px 0 0;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url("../../asset/images/common/icon/ico-delete1.png") right center no-repeat;
}
#search-his .list ul li a em{
    /* display: inline-block; */
    color:#292f35;
    font-weight: 400;
}
#search-his .list ul li a span.date{
	position: absolute;
	top: -1px;
	right: 20px;
	color:#5c6872;
	font-weight: 300;
}
#search-his .list ul li a.delete{}
#search-his .q_mark{
    position: absolute;
    top: 3px;
    right: 140px;
    width: 21px;
}
#search-his .q_mark img{width:100%;}

/* table */

/* form */
.input-box{text-align: left;}
.input-box label{display:block;margin: 8px 0;}
.input-box label span.text{margin-right:5px;}
.input-box label input{
	width: auto !important;
	line-height: 1 !important;
}
.input-box label input[readonly]{margin-top: -2px;}
.input-box label input[type="radio"], .input-box label input[type="checkbox"]{}
.input-box label span{
	display: inline-block;
	font-size: 13px;
	line-height: 1;
}

/* note */
.notes{
    position: relative;
    font-size: 14px;
}
.notes .text1{
    position: absolute;
}
.notes ol{
    padding-left: 24px;
}
.notes ol li{}

/* send-box */
.send-box{margin-top:10px;}
.send-box > div{
    padding: 13px;
    border: 1px dashed #e0e0e0;
    background: #eef2fc;
}
.send-box > div *{vertical-align:middle;}
.send-box input{
    padding: 9px 5px;
    border-radius: 8px;
}

/* hd_pops */
#hd_pop{position:absolute;top: 0;left: 0;z-index: 9999;}
.hd_pops{position: absolute;background: #fff;}

div.view{margin-top: 10px;}
div.view > div.col{position:relative;margin-top: -1px;border: 1px solid #e4e4e4;}
div.view > div.col:after{display:block; clear:both; content:"";}
div.view > div.col > div{display: block;min-height: 22px;padding: 10px;}
div.view > div.col > div textarea{padding: 10px;border-radius: 8px;}
div.view div.col1{}
div.view div.col2{}
div.view div.col2 dl{position:relative;float: left;width: 50%;}
div.view div.col2 dl + dl:after{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:1px;
    height:100%;
    background:#e4e4e4;
}
div.view div.col3 dl{position:relative;float: left;width: 33.33%;}
div.view div.col3 dl + dl:after{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:1px;
    height:100%;
    background:#e4e4e4;
}
div.view div.col dl dt{
	position:absolute;
	float: left;
	height: 100%;
	background: #f6f6f6;
	color: #292f35;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.060em;
}
div.view div.col dl dt > div{/* width: 100%; */display: flex;height: 100%;min-height: 22px;padding: 0 10px;align-items: center;}
div.view div.col dl dd{
    float: left;
    position: relative;
    border-left: 1px solid #e4e4e4;
    color: #292f35;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.040em;
}
div.view div.col dl dd > div{display: block;min-height: 22px;padding: 10px;}
div.view div.col dl dd > div #fileDiv div{margin-top: 5px;}
div.view div.col dl dd > div #fileDiv div:first-child, div.view div.col dl dd > div #fileDiv script + div{margin-top:0;}
div.view div.col dl dd > div div.detail{}
div.view div.col dl dd > div div.detail span{
    position: relative;
    margin-left: 30px;
    padding-left:8px;
    color:#008b93;
}
div.view div.col dl dd > div div.detail span:first-child{margin-left:0;}
div.view div.col dl dd > div div.detail span:after{
	display:block;
	content:"";
	position:absolute;
	top:50%;
	left:0;
    width:3px;
    height:3px;
    margin-top:-1px;
    background:#008b93;
}
div.view div.col dl dd > div div.detail span:before{
	display:block;
	content:"";
	position:absolute;
	top: 6px;
	left: -15px;
	width:1px;
	height: 11px;
	background:#c6c3c3;
}
div.view div.col dl dd > div div.detail span:first-child:before{display:none;}

div.view div.col dl dd select{}
div.view dl dd .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 13px;
    right: 10px;
    width: 16px;
    height: 10px;
    background: url(../../asset/images/common/icon/ico-lnbArrow3.png) 0 0 no-repeat;
}
div.view dl dd .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
div.view dl dd .select2-container--default .select2-selection--single{height:36px;border: 1px solid #c3c3ca;border-radius: 8px;}
div.view dl dd .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-right: 20px;
    font-size: 15px;
    line-height: 36px;
}
div.view dl dd .select2-container{display:block;width: 100% !important;}
div.view dl dd input{
	height:36px;
	padding: 10px;
	border-radius: 8px;
	line-height: 1;
}
#content.refund div.view dl dd input[type="text"]{width:100%;}
div.view dl dd input[type="file"]{
    height: auto;
    padding: 4px !important;
    background: #fff;
    vertical-align: top;
}
div.view dl dd textarea{padding: 10px;border-radius: 8px;}

div.view div.col dt{width: 25%;}
div.view div.col dd{width: calc(75% - 1px);margin-left: 25%;}
div.view div.col.col2 dt{width: 30%;}
div.view div.col.col2 dd{width: calc(70% - 1px);margin-left: 30%;}
div.view div.col.col3 dt{width: 35%;}
div.view div.col.col3 dd{width: calc(65% - 1px);margin-left: 35%;}

div.view div.col2 dl.colspan3{width: 100%;}
div.view div.col2 dl.colspan3 dt{width: 15%;}
div.view div.col2 dl.colspan3 dd{width: calc(85% - 1px);margin-left: 15%;}

div.view div.col3 dl.colspan3{width: 66.67%;}
div.view div.col3 dl.colspan3 dt{width: 17.45%;}
div.view div.col3 dl.colspan3 dd{width: calc(82.5% - 1px);margin-left: 17.45%;}

div.view div.col3 dl.colspan5{width: 100%;}
div.view div.col3 dl.colspan5 dt{width: 11.65%;}
div.view div.col3 dl.colspan5 dd{width: calc(88.35% - 1px);margin-left: 11.65%;}


div.view div.col.half dl dt{width: 15%;}
div.view div.col.half dl dd{
    width: calc(85% - 1px);
    margin-left: 15%;
}

.join div.view div.col dt{width: 15%;}
.join div.view div.col dl dd{
    width: calc(85% - 1px);
    margin-left: 15%;
}

.tit.date{}
.tit.date:after{
	display:none;
	content:"";
	position:absolute;
	bottom: 0;
	left:0;
	width:100%;
	height: 10px;
	/* background: #fff url(../../asset/images/common/bg-line1.png) 0 0 repeat; */
	background-size: 25%;
	opacity: 0.2;
}
.tit.date{
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
}

@media print{
	body{background: #fff;}
}
@media screen, print{
	/* window popup */
	#content.pop-content:before{display:none;}
	.pop-content{
		width: 100%;
		margin: 0 !important;
		background: #fff;
	}
	.pop-content .cont-detail{
		padding: 15px;
	}
	.pop-content h2{
		font-size: 24px;
		font-weight: 400;
	}
	.pop-content h2.tit{
		position:relative;
		padding: 10px 0 10px 40px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008b93+0,3b404f+100 */
		background: #008b93; /* Old browsers */
		background: -moz-linear-gradient(left,  #008b93 0%, #3b404f 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #008b93 0%,#3b404f 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #008b93 0%,#3b404f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008b93', endColorstr='#3b404f',GradientType=1 ); /* IE6-9 */
		color:#fff;
		}
	.pop-content h2.tit:after{
		display:block;
		content:"";
		position:absolute;
		top: 50%;
		left: 15px;
		width: 10px;
		height: 10px;
		margin-top: -7px;
		border-style: solid;
		border-width: 3px;
		border-color: #fff;
		border-radius: 0 6px 0 6px;
		background: #008c90;
	}

	.pop-content div.data{margin-top: 10px;}
	.pop-content table{}
	.pop-content table th{padding: 8px 10px;border: 1px solid #d5d5d5;background: #f2f2f2;font-weight: 400;font-size: 14px;}
	.pop-content table td{padding: 8px 10px;border: 1px solid #d5d5d5;background:#fff;font-size: 12px;}
	.pop-content table td input[type="text"],
	.pop-content table td input[type="password"],
	.pop-content table td input[type="number"]{
		min-width: auto;
		width: 100%;
		padding: 8px 3px;
		border-radius: 8px;
		font-size: 13px;
		text-align: center;
	}
	.pop-content table td input[type="file"]{
		min-width: auto;
		width: calc(100% - 8px);
		padding: 6px 3px;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 400;
		text-align: center;
	}
	.pop-content table td input[readonly], table td input.readonly, input.readonly {
		border: 0;
		padding: 0;
		width: 100%;
		/* height: auto; */
		min-width: auto;
		line-height: 0;
		border-radius: 0;
		color: #000;
		outline: 0;
		text-align: center;
	}
	div.view dl dd input.readonly{padding-left:0; padding-right:0; text-align:left;}
	.pop-content table td textarea{
		min-width: auto;
		width: 100%;
		padding: 5px;
		border-radius: 8px;
		font-size: 13px;
		text-align: center;
	}

	.pop-content table td.text-right input[readonly], table td.text-right input.readonly{text-align:right;}
    .pop-content table td .radio-box *{display:inline-block;width: auto !important;}

	.pop-content .sort{margin-top: 20px;}
	.pop-content .sort:after{display:block; clear:both; content:"";}
	.pop-content .sort dl{float: left;width: 33.33%;}
	.pop-content .sort dl:after{display:block; clear:both; content:"";}
	.pop-content .sort dl dt{float: left;width: 55px;}
	.pop-content .sort dl.year dt{width:70px;}
	.pop-content .sort dl dd{float: left;width: calc(100% - 70px);}
	.bill-head .bill-num{float:left;border:2px solid #a8a8a8}
	.bill-head .bill-num dt, .bill-head .bill-num dd{display:inline-block;padding:8px 10px;}
	.bill-head .bill-num dd{border-left:2px solid #a8a8a8}
	.bill-head .bill-text{float:right;padding-top:10px}
	.bill-head:after{content:'';display:block;clear:both}
	.pop-content .date{padding:35px 0 20px;font-size:16px;text-align:center}
	.pop-content .sign{position:relative;height: 90px;padding:0 0 0 0;font-size:23px;text-align:right;}
	.pop-content .sign img{/* position:absolute; *//* right:0; *//* z-index:-1; */}
	.pop-content .sign span{position: absolute;right: 0;display:inline-block;padding: 25px 25px 0 0;}

	.pop-content .search-wrap{margin: 0;padding: 10px;border: 1px dashed #c7ced5;background: #eef2fc;}
    .pop-content .search-wrap:before{display:none;}
    .pop-content .search-wrap .select2-container--default .select2-selection--single, .pop-content .search-wrap input{border: 2px solid #d9dfe4;}
    .pop-content .search-wrap .tilde{border-top: 2px solid #d9dfe4;border-bottom: 2px solid #d9dfe4;}
    .pop-content .search-wrap input.from{border-right:0;}
    .pop-content .search-wrap input.to{border-left:0;}
    .pop-content .search-wrap .btn-wrap{bottom: 10px;right: 10px;}

	/* count */
	.pop-content .data-wrap{/* margin-top: 15px; */}
	.pop-content .data-wrap:after{display:block; clear:both; content:"";}
	.pop-content .data-wrap .count{
		position: relative;
		font-size: 15px;
		text-align:right;
	}
	.pop-content .data-wrap .count > span{display:inline-block; margin:2px 5px 0 0; vertical-align:top;}
	.pop-content .data-wrap .count .em_count{color: #008b93;}
	.pop-content .data-wrap .count select{
		min-width: auto;
		padding: 2px 5px !important;
		font-size: 13px;
		font-weight: 400;
	}

	.pop-content table td .btn{
		padding: 3px 8px;
		border-radius: 25px;

		font-size: 14px;
		box-shadow: 0px 2px 0px rgba(51, 51, 51, 0.3);
	}
	.pop-content table td .btn{margin-bottom:3px}
	.pop-content table td .btn:hover, table td .btn:focus{margin-top:3px; margin-bottom:0; box-shadow:none;}

    .pop-content p.info{
    	padding: 13px;
    	border: 1px solid #d1e1dc;
    	background: #eaefee;
    	font-size: 15px;
    }
}

@media (min-width: 768px){
	.modal-dialog {width: 600px;margin: 30px auto;}
}

/*20220119 메인 팝업 css 추가 */
/* 메인 레이어팝업 */
.popLayer{position:absolute;/* top: 202px; *//* right:100px; */z-index:100;width:700px;/*min-height:570px;*/border: 1px solid #dcdada;background: #fff;}
.popLayer .pop_btm{position:relative;padding:20px 30px;/* border: 1px solid #dcdada; */border-top: 0;background:#fff;line-height:0;}
.popLayer .pop_btm span.form-element{
    position: absolute;
    top: 16px;
    left: 13px;
}
.popLayer .pop_btm input{position: relative;width:18px;height:18px;vertical-align: top;margin: -5px 5px 0 5px;}
.popLayer .pop_btm label{position: relative;font-size:14px;color:#000;vertical-align:middle;}
.popLayer .pop_btm button.close{cursor:pointer;position:absolute;top: 12px;right: 15px;width:18px;height:17px;text-indent:-9999px;overflow:hidden;background:url(/asset/images/common/popup_close.png) no-repeat;}
@media only screen and (max-width:970px){
	.popLayer{max-width:90%;right:5%;}
	.popLayer .pop_cont img{max-width:100%;}
}


@media (max-width: 1023px) {
	/* table */
	.table-responsive {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.table-responsive table{
		width: 100%;
		max-width: 100%;
		table-layout: auto;
	}
	.table-responsive table th, .table-responsive table td{white-space: nowrap;}
	.table-responsive table td input{display: block;min-width: auto !important;width: auto !important; max-width:none !important; white-space: normal;word-break: normal;}
}


/** 23.11.20추가 환불톡 **/
#content.refund:before{display:none;}
#content.refund section.container{
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
#content.refund .detail-wrap{padding: 0;border: 0;border-top: 1px solid #dcdada;}
#content.refund h3{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b550+0,008b93+100 */
	padding: 15px;
	background: #00b550; /* Old browsers */
	background: -moz-linear-gradient(left,  #00b550 0%, #008b93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00b550 0%,#008b93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00b550 0%,#008b93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b550', endColorstr='#008b93',GradientType=1 ); /* IE6-9 */
	color: #fff;
}
#content.refund h3.tit:after{display:none;}
#content.refund p.info{padding: 15px 15px 0;}
#content.refund div.view{
    padding: 0 15px 15px;
}
#content.refund input[type="checkbox"],
#content.refund input[type="radio"]{
    height: auto;
    vertical-align: top;
    top: 0;
    left: 0;
}
#content.refund input[type="checkbox"] + label,
#content.refund input[type="radio"] + label{
    padding-left: 23px;
}
#content.refund input[type="checkbox"] + label:before,
#content.refund input[type="radio"] + label:before{
    top: 12px;
    width: 16px;
    height: 16px;
    margin-top: -9px;
    /* transform: translateY(-50%); */
}
#content.refund input[type="checkbox"] + label:after{
	margin-top: -1px;
	transform: translateY(-50%) rotate(-45deg) scale(1);
	left: 4px;
}
#content.refund input[type="radio"] + label:after{
    top: 12px;
    left: 6px;
    width: 6px;
    height: 6px;
}
#content.refund div.view div.col.half dl dt,
#content.refund div.view div.col dt{
    width: 35%;
}
#content.refund div.view div.col dl dd{
    width: calc(65% - 1px);
    margin-left: 35%;
}
#content.refund div.view div.col dl dd > div span{
    position: relative;
}
.refund-btn-group{margin-bottom: 15px;}
.refund-btn-group .absolute{
	position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.refund-btn-group .absolute a{float:none;}

#content.refund input[type="checkbox"], #content.refund input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}