@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*초기화*/
ul,ol,li {list-style:none;}
a {text-decoration:none; color:#333333;}
body {background-color:#f6f6f6; overflow-x:hidden; overflow-y:auto !important; font-size:0.9em; font-family: 'Nanum Gothic', sans-serif; color:#575757;  /*letter-spacing:-1px;*/ word-break:keep-all; word-wrap:break-word;}
img {vertical-align:middle;}
button {
	border:0 none;
	padding:0;
	margin:0;
	vertical-align:middle;
	background:transparent;
	cursor:pointer;
}
button::-moz-focus-inner {
	margin: -1px;
	padding: 0;
}

/*히든*/
.hidden {display:none;}
legend {
	position:absolute;
	top:-9999px;
	width:0;
	height:0;
	overflow:hidden;
	margin:0;
	padding:0;
	visibility:hidden;
	font-size:0;
	line-height:0;
}

textarea {padding: 5px; -webkit-box-sizing: border-box;}

/************공통사용시작************/
/* 마진 */
.mt0 { margin-top: 0px !important;}
.mt2 { margin-top: 2px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20p { margin-top: 20px !important;}
.mt20 { margin-top: 35px !important;}

/* Clear 기본 값 */
.clear { clear: both; overflow: hidden;}
.clear .left { float: left;}
.clear .right { float: right;}
.clear .lheight { height:33px; line-height: 33px;}

/* 텍스트 정렬 */
.centeralign { text-align: center;}
.rightalign { text-align: right !important;}
.rightalign img { vertical-align: middle;}

.blue {color:#00aacb;}
.bold {color:#282828; font-weight:600;}
.white {color:#fff;}
.underline { font-weight:bold; color:#333; text-decoration:underline;}
.blahblah {white-space:nowrap !important; text-overflow:ellipsis !important; overflow:hidden;}
h2 {margin-bottom:8px; font-size:1.3em; color:#4d4d4d; /*color:#282828;*/ font-weight:600;}
h3 {margin-bottom:8px; font-size:1.1em; color:#4d4d4d; /*color:#282828;*/ font-weight:600;}
h4 {margin-bottom:4px;}

input {vertical-align:middle; outline-style:none; border-radius:0px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.both { clear: both; overflow: hidden;}
.both .bleft { float: left;}
.both .bright { float: right;}
.both button { line-height: 31px;}

/************공통 레이아웃 (@add philipp)************/
.label {
	color:#575757;
	font-weight:600;
	margin-right:5px;
}

.box {
	width: 100%;
	line-height:28px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	overflow:hidden;
	white-space:nowrap;
}

/* horizontal box 정의 */
.h_box {
	width: 100%;
	line-height:28px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	overflow:hidden;
	white-space:nowrap;
}

/* vertical box 정의 */
.v_box {
	line-height:28px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	overflow:hidden;
	white-space:nowrap;
}
.v_box > * {
	margin-bottom:10px;
}

.align_center {
	-webkit-justify-content: center;
	justify-content: center;
}

.align_right {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.align_between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

@media screen and (max-width:700px) {
	.box {
		display: block;
		/*
		width:95%;
		text-align:center;
		margin:0 auto;
		*/
	}
}

/** IE10 에서 flex display 사용 */
html[data-useragent*='MSIE 10.0'] .box {
	display:-ms-flexbox;
}

html[data-useragent*='MSIE 10.0'] .h_box {
	display:-ms-flexbox;
}

html[data-useragent*='MSIE 10.0'] .align_right {
	-ms-flex-pack: end;
}

/** 모바일 고정 버튼 **/
#fixed_float_left { position:fixed; top:90%; left:2%; z-index:5000; display:none; }
#fixed_float_right { position:fixed; top:90%; right:2%; z-index:5000; display:none; }

/************공통 레이아웃 End (@add philipp)************/

select {
	border:1px solid #cacece;
	height:33px;
	padding-left:8px;
	outline-style:none;
	border-radius:0px 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/* overflow ellipsis 적용 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 27px;
    vertical-align: middle;	
	/*-webkit-appearance: none;*/
}
input[type=text] {
	width:30%;
	border:1px solid #cacece;
	height:32px;
	padding-left:8px;
	outline-style:none;
	border-radius:0px 0px;
	-webkit-appearance:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type=password] {
	border:1px solid #cacece;
	height:32px;
	padding-left:8px;
	outline-style:none;
	border-radius:0px 0px;
	-webkit-appearance:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/*인풋체크박스 스타일*/
input[type=checkbox].css-checkbox {display:none;}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:20px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:0.9em;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position:0 -20px;}
label.css-label {
	background-image:url("../img/csscheckbox.png");
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*인풋라디오버튼 스타일*/
input[type=radio].css-checkbox {display:none;}
input[type=radio].css-checkbox + label.css-label-button {
		padding-left:20px;
		height:20px;
		display:inline-block;
		line-height:20px;
		background-repeat:no-repeat;
		background-position: 0 0;
		font-size:0.9em;
		vertical-align:middle;
		cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label-button {background-position:0 -20px;}
label.css-label-button {
	background-image:url("../img/cssradiobutton.png");
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/******** 고정형 박스 ************/
.searchBox {width:100%; margin:0 auto;}
.searchBox .right {float:right; line-height: 31px;}
.searchBox .left {float:left; line-height: 31px;}
.searchBox .btnBar {height: 100%; overflow:hidden;}
.searchBox .btnBar > div { height:35px; line-height:35px; text-align:left; float:left;}
.searchBox .and {width:2%; float:left; line-height:31px;}
/******** 고정형 박스 end ************/

/*버튼스타일*/
.btn {padding:15px 22px 3px 22px; text-align:center; color:#fff; border-radius:3px; cursor:pointer; margin-left:5px;}
.btn_l {padding:7px 22px 7px 22px; text-align:center; color:#fff; border-radius:3px; cursor:pointer; margin-left:5px;}
.btn_o {padding:7px 16px 7px 16px; text-align:center; color:#fff; border-radius:3px; cursor:pointer; margin-left:5px;}
.btn_m {padding:0px 22px 0px 22px; text-align:center; color:#fff; border-radius:3px; cursor:pointer; margin-left:5px;}
.btn_z {padding:0px 0px 0px 0px; text-align:center; color:#fff; border-radius:3px; cursor:pointer; margin-left:5px;}
.btn2 {padding:7px 10px 7px 10px; background-color:#fff; font-size:0.9em; border:1px solid #dddddd; border-radius:3px; cursor:pointer;}
.btn2>img {margin-left:5px;}
.btn_wrpa a {float:right; cursor:pointer; display:inline-block; text-align:right;}
.basic_btn { background-color:#ff0000; border:1px solid #df1a23;}
.sky_btn {background-color:#00aacb; border:1px solid #019cc1;}
.red_btn {background-color:#db254e; border:1px solid #cb274c;}
.gray_btn {background-color:#757575; border:1px solid #575757;}
.orange_btn {background-color:#f39c12; border:1px solid #e67e22;}
.green_btn {background-color:#27ae60; border:1px solid #228B22;}
.btn_wrpa {margin:0 auto; overflow:hidden;}

/******테이블 공통사용******/
.tr_select {background-color: #ff0d0d; color: #fff;}

/*1테이블*/
.step1_table {margin:0 auto; background-color:#fff; border-bottom:1px solid #999999;}
.step1_table tr:first-child {border-top:2px solid #ff0d0d;}
.step1_table td {border:1px solid #d8d7d7; border-left:0; border-right:0; font-size:0.9em; line-height:1.4em; text-align:center; padding:12px 10px 12px 10px;}
.step1_table td:nth-child(1) {font-weight:600;}
.step1_table td:nth-child(odd) {background-color:#e5e5e2; min-width:70px;}
.step1_table td:nth-child(even) {text-align:left;border-left:1px solid #d8d7d7; background-color:#fff;}
.step1_table .in_btn {background-color:#fff !important; text-align:left; padding:0; margin:0;}
.step1_table select, .step1_table input[type=text],
.step1_table select, .step1_table input[password]  {width:100%;}

/*2테이블*/
.step2_table {margin:0 auto; background-color:#fff; border-bottom:1px solid #999999;}
.step2_table thead th {border:1px solid #d8d7d7; border-bottom:1px solid #999999; border-top:2px solid #ff0d0d; background-color:#e5e5e2; color:#333333; font-size:0.9em; padding:12px 0 12px 0; line-height:1.4em; text-align:center;}
.step2_table tbody td {border:1px solid #d8d7d7; border-bottom:0; font-size:0.8em; line-height:1.4em; text-align:left; padding:12px 10px 12px 10px;}
.step2_table thead th:first-child {border-left:0;}
.step2_table thead th:last-child {border-right:0;}
.step2_table tbody td:first-child {border-left:0;}
.step2_table tbody td:last-child {border-right:0;}
.step2_table tbody tr:nth-child(even){background-color:#f6f6f6;}
.step2_table .total {border-top:2px solid #474747; border-right:1px solid #d8d7d7; padding-left:10px; font-size:0.8em;}

/*3테이블 두줄*/
.step3_table {margin:0 auto; background-color:#fff; border-bottom:1px solid #999999;}
.step3_table thead tr:first-child {border-top:2px solid #ff0d0d;}
/*.step3_table thead tr:nth-child(1){border-bottom:1px solid #d8d7d7;}*/
.step3_table thead tr:nth-child(2){border-bottom:1px solid #999999;}
.step3_table thead th {border-right:1px solid #d8d7d7; font-size:0.9em;  padding:4px 0 4px 0; line-height:1.4em; text-align:center; border-bottom:0; background-color:#e5e5e2; color:#333333;}
.step3_table thead th:last-child {border-right:0;}
/*.step3_table tbody tr:nth-child(odd){border-bottom:1px solid #d8d7d7;}*/
.step3_table tbody tr:last-child td {border-bottom:1px solid #999999;}
.step3_table tbody td {border-right:1px solid #d8d7d7; border-top:0;  /*border-bottom:0;*/ font-size:0.8em; line-height:1.4em; text-align:left; padding:5px 10px 5px 10px; }
.step3_table tbody td:first-child {border-left:0;}
.step3_table tbody td:last-child {border-right:0;}
.border_top {border-top:1px solid #d8d7d7;}
.border_top2 {border-top:1px solid #d8d7d7; background-color:#f6f6f6;}
.back_color {background-color:#f6f6f6;}
.step3_table .padding {padding:0 8px 0 8px;}
.check_center {text-align:center; padding:0;}

/*4테이블 세줄*/
.step4_table {margin:0 auto; background-color:#fff; border-bottom:1px solid #999999;}
.step4_table thead tr:first-child {border-top:2px solid #474747;}
.step4_table thead tr:last-child {border-bottom:1px solid #999999;}
.step4_table thead th {border-right:1px solid #d8d7d7; font-size:0.9em;  padding:4px 0 4px 0; line-height:1.4em; text-align:center; border-bottom:0; background-color:#f6f6f6;}
.step4_table thead th:last-child {border-right:0;}
.step4_table tbody td {border-right:1px solid #d8d7d7; border-top:0; border-bottom:0; font-size:0.8em; line-height:1.4em; text-align:left; padding:5px 10px 5px 10px; }
.step4_table tbody td:last-child {border-right:0;}
.step4_table tbody tr:last-child td {border-bottom:1px solid #999999;}
.step4_table select, .step4_table input {width:100%;}

/*5테이블*/
.step5_table {margin:0 auto; background-color:#fff;}
.step5_table thead th {border:1px solid #d8d7d7; border-bottom:1px solid #999999; border-top:2px solid #474747; background-color:#f6f6f6; font-size:0.9em; color:#474747; padding:12px 0 12px 0; line-height:1.4em; text-align:center;}
.step5_table thead th:first-child {border-left:0;}
.step5_table thead th:last-child {border-right:0;}
.step5_table tbody td {border:1px solid #d8d7d7; border-bottom:0; font-size:0.8em; line-height:1.4em; text-align:left; padding:12px 10px 12px 10px;}
.step5_table tbody td:first-child {border-left:0; text-align:left;}
.step5_table tbody td:last-child {border-right:0;}
.step5_table tbody tr:nth-child(even){background-color:#f6f6f6;}
.step5_table tbody tr:last-child th {border-bottom:1px solid #999999;}
.step5_table tbody tr:last-child td {border-bottom:1px solid #999999;}
.step5_table tbody th {border-bottom:1px solid #d8d7d7; font-size:0.8em;}
.border_top2px {border-top:2px solid #474747;}

/*6테이블*/
.step6_table {margin:0 auto; background-color:#fff; border-bottom:1px solid #999999;}
.step6_table tr:first-child {border-top:2px solid #ff0d0d;}
.step6_table td {border:1px solid #d8d7d7; border-left:1px solid #d8d7d7; border-right:1px solid #d8d7d7; font-size:0.9em; line-height:1.4em; text-align:center; padding:12px 10px 12px 10px;}
.step6_table tr:first-child {font-weight:600; background-color:#e5e5e2; min-width:70px;}
.step6_table .in_btn {background-color:#fff !important; text-align:left; padding:0; margin:0;}
.step6_table tbody{background-color:#fff !important; }
.step6_table select, .step1_table input[type=text],
.step6_table select, .step1_table input[password]  {width:100%;}


/*7팝업 테이블*/
.step7_table {margin:0 auto; background-color:#fff; border-bottom:1px solid #999999 !important;}
.step7_table thead {border-top:2px solid #ff0d0d !important;}
.step7_table thead {font-weight:600; background-color:#e5e5e2; min-width:70px;}
.step7_table td {border:1px solid #d8d7d7; border-left:1px solid #d8d7d7; border-right:1px solid #d8d7d7; font-size:0.9em; line-height:1.4em; text-align:center; padding:12px 10px 12px 10px;}
.step7_table .in_btn {background-color:#fff !important; text-align:left; padding:0; margin:0;}
.step7_table tbody{background-color:#fff !important;}
.step7_table select, .step1_table input[type=text],
.step7_table select, .step1_table input[password]  {width:100%;}

/******테이블 공통사용 End******/

/*인스크롤되는 테이블 */
.table_wrap {margin:0 auto; overflow:hidden; text-align:center;}

.pop_table_wrap {width:100%; margin:0 auto; text-align:center; margin-left:0;}
.pop_table_wrap h3 {text-align:left; margin-bottom:5px;}
.scroll_wrap {width:100%; height:100%; max-height:290px;}
.in_scroll_wrap {width:100%; height:100%; min-height:112px; max-height:220px;}
.thead, .thead2, .thead3 {width:100%;}
.pop_table_wrap .thead th {border:1px solid #d8d7d7; border-bottom:1px solid #999999; border-top:2px solid #474747; background-color:#f6f6f6; font-size:0.9em; color:#474747; padding:12px 5px 12px 5px; line-height:1.4em; text-align:center;}
.pop_table_wrap .thead th:first-child {border-left:0;}
.pop_table_wrap .thead th:nth-child(2), .pop_table_wrap .thead td:first-child {border-left:0;}
.pop_table_wrap .thead th:last-child {border-right:0;}

.tbody, .tbody2, .tbody3, .tbody4 {width:100%; text-align:left;}
.pop_table_wrap .tbody tr {border-bottom:1px solid #d8d7d7; font-size:0.8em; line-height:1.4em; text-align:left;}
.pop_table_wrap .tbody.tborder tr:first-child {border-top:1px solid #999999;}
.pop_table_wrap .tbody tr:last-child {border-bottom:1px solid #999999;}
.pop_table_wrap .tbody td {padding:10px 5px 10px 5px; border-right:1px solid #d8d7d7;}
.pop_table_wrap .tbody td:last-child {border-right:0;}

.pop_table_wrap .thead2 th {padding:6px 0 6px 0; border-right:1px solid #d8d7d7; line-height:1.4em; text-align:center; background-color:#f6f6f6; font-size:0.9em; color:#474747;}
.pop_table_wrap .thead2 th:last-child {border-right:0;}
.pop_table_wrap .thead2 tr:nth-child(1) {border-top:2px solid #474747; border-bottom:0;}

.pop_table_wrap .tbody2 tr {border-bottom:0;}
.pop_table_wrap .tbody2 tr:last-child {border-bottom:1px solid #999999;}
.pop_table_wrap .tbody2 td {border-right:1px solid #d8d7d7; font-size:0.8em; line-height:1.4em; text-align:left; padding:6px 5px 6px 5px;}
.pop_table_wrap .tbody2 td:first-child {border-left:0;}
.pop_table_wrap .tbody2 td:last-child {border-right:0;}

.pop_table_wrap .thead3 th {padding:4px 0 4px 0; border-right:1px solid #d8d7d7; line-height:1.4em; text-align:center; background-color:#f6f6f6; font-size:0.9em; color:#474747;}
.pop_table_wrap .thead3 th:last-child {border-right:0;}
.pop_table_wrap .thead3 tr:nth-child(1) {border-top:2px solid #474747;}
.pop_table_wrap .thead3 tr:last-child {border-bottom:1px solid #d8d7d7;}

.pop_table_wrap .tbody3 tr:first-child {border-top:0;}
.pop_table_wrap .tbody3 tr:last-child {border-bottom:1px solid #999999;}
.pop_table_wrap .tbody3 td {border-right:1px solid #d8d7d7; font-size:0.8em; line-height:1.4em; text-align:left; padding:6px 5px 6px 5px; min-height:10px;}
.pop_table_wrap .tbody3 td:last-child {border-right:0;}

.pop_table_wrap .tbody4 tr {border-bottom:1px solid #d8d7d7; font-size:0.8em; line-height:1.4em; text-align:left;}
.pop_table_wrap .tbody4.tborder tr:first-child {border-top:1px solid #999999;}
.pop_table_wrap .tbody4 tr:last-child {border-bottom:1px solid #999999;}
.pop_table_wrap .tbody4 td:nth-child(1) {font-weight:600;}
.pop_table_wrap .tbody4 td:nth-child(odd) {background-color:#e5e5e2; min-width:70px;}
.pop_table_wrap .tbody4 td:nth-child(even) {text-align: left; border-left: 1px solid #d8d7d7; background-color:#fff;}
.pop_table_wrap .tbody4 td {padding:10px 5px 10px 5px; border-right:1px solid #d8d7d7;}
.pop_table_wrap .tbody4 td:last-child {border-right:0;}


ul.list3 {}
ul.list3 >li { margin-top: 15px; border-top:2px solid #d63535; background-color: #fff; border-radius:3px; }
ul.list3.gray >li { border-top:2px solid #777;}
ul.list3 >li .head { position: relative; padding:10px 10px 10px 40px;  border-bottom: 1px solid #ddd; background:url("../img/img01.png") no-repeat 15px center; background-size:25px 22px; -webkit-background-size:25px 22px; -moz-background-size:25px 22px;}
ul.list3 >li .head p { padding:0 53px 0 10px; font-size: 16px; font-weight: bold; line-height: 18px;}
ul.list3 >li .head p i.blet_man { display: inline-block; width:25px; height:22px; margin:-2px 5px 0 0; vertical-align:middle;}
ul.list3 >li .head button { display:block; position: absolute; right:10px; top:50%; height:30px; margin-top: -15px; padding:5px; line-height:1; /*border:1px solid #ddd;*/ border-radius:2px;}
ul.list3 >li .head button.add { position: absolute; right:7px; top:50%; margin-top: -15px;}
ul.list3 >li .head button.add i.ico { display: block; width:17px; height:17px; background:url("../img/ico_plus.png") no-repeat; background-size:17px; -webkit-background-size:17px; -moz-background-size:17px;}
ul.list3 >li .head button.add:hover { border:1px solid #23719f;}
ul.list3 >li .body { padding: 10px;}
ul.list3 >li .body ul { clear: left; overflow: hidden;}
ul.list3 >li .body ul li { float:left; position:relative; width:38%; margin: 3px 0; padding-left: 100px;}
ul.list3 >li .body ul li span { display:block; position:absolute; left:20px; top:0; line-height: 32px;}
ul.list3 >li .body ul li select,
ul.list3 >li .body ul li input { width:100%;}
ul.list3 >li .body ul li:nth-of-type(2n+1) span { left:0;}

.button {
    display: inline-block;
    min-width: 73px;
    height: 33px;
    margin-left: 1px;
    padding: 0 12px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    border:1px solid #df1a23;
    background-color:#d63535;
    border-radius: 3px;
}
.button.gray { border: 1px solid #595959; background-color: #595959; }
.button.green { border:1px solid #228B22; background-color: #27ae60; }

/************전체레이아웃시작************/
.wrap {width:100%; margin:0 auto; border-top:3px solid #4cc7cb;}

/**********헤더**********/
.header {width:100%; height:69px; border-bottom:1px solid #b0b0b0; position:relative; background-color:#fff;}
.header .headerwrap {width:100%; max-width:1240px; height:100%; margin:0 auto;}
/*.header .headerwrap .gnb_info {display:block; width:22.5%; height:100%; background:#00aacb; margin-left:15px; font-size:0.8em; float:left; border-left:1px solid #00aacb; border-right:1px solid #00aacb;}
.header .headerwrap .gnb_info>ul {width:100%; float:left; margin-top:31px;}
.header .headerwrap .gnb_info>ul>li {float:right; text-align:right;}
.header .headerwrap .gnb_info>ul>li:first-child {width:100%;margin-right:10px; margin-bottom:3px;}
.header .headerwrap .gnb_info>ul>li:last-child {margin-right:10px;}
.header .headerwrap .gnb_info>ul>li:last-child span:last-child {cursor:pointer;}
.header .headerwrap .gnb_info>ul>li img {vertical-align:top; margin-right:3px; margin-top:1px;}
*/
.header .headerwrap .gnb_info {display:block; width:22.5%; height:100%; background:#4cc7cb; margin-left:15px; font-size:0.8em; float:left; border-left:1px solid #00afb5; border-right:1px solid #00afb5;}
.header .headerwrap .gnb_info>ul {width:100%; float:left; margin-top:26px;}
.header .headerwrap .gnb_info>ul>li {float:right; text-align:right;}
.header .headerwrap .gnb_info>ul>li:first-child {width:36px; margin-right:8px; cursor:pointer;  text-indent:-999em;}
.header .headerwrap .gnb_info>ul>li:nth-child(2) {margin-right:5px; margin-top:2px; line-height:16px;}
.header .headerwrap .gnb_info>ul>li:nth-child(2) img {margin:0 3px 3px 0;}
.header_tit {float:right; width:71%;line-height:63px; margin:0 auto; overflow:hidden; margin-right:15px; font-size:1.7em; text-align:center; color:#555555; font-weight:bold;}
.header_tit>span {margin-left:60px;}
.hd_logo {width:95px; height:41px; margin-top:12px; float:right; overflow:hidden;}
.hd_logo h1 a {width:95px; height:41px; background:url("../img/logo.png") no-repeat;  text-indent:-999em; cursor:pointer; display:block;}




/*메뉴펼침*/
.gnbmenu {display:none; width:100%; position:absolute; left:0; top:0; z-index:777; overflow:hidden;}
.gnbmenu .gnb {display:none; width:100%; background:#fff; overflow:hidden;}
.gnbmenu .gnb>ul>li>ul>li {position:relative;}
.gnbbutton, .gnbbutton2 {display:none;}
.gnbbutton a, .gnbbutton2 a { display:none; text-indent:-999em;}






/**********컨테이너**********/
.container {width:100%; margin:0 auto; overflow:hidden;}
#containerwrap {width:100%; max-width:1240px; height:100%; margin:0 auto; overflow:hidden;}

/**********레프트네비**********/
#lnbwrap {background-color:#fff; display:block; float:left; width:22.5%; height:100%; margin-left:15px; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; overflow:hidden;}
#lnbwrap .lnb>ul>li {width:100%; border-bottom:1px solid #d7d7d7; position:relative;}
#lnbwrap .lnb>ul>li>a{display:block; padding:19px 0 18px 52px; cursor:pointer;}

#lnbwrap .lnb>ul>li>ul>li {width:100%; border-top:1px solid #d7d7d7; position:relative;}
#lnbwrap .lnb>ul>li>ul>li>a {display:block; padding-top:12px; padding-bottom:12px; background: url("../img/blit02.png") no-repeat; background-position:18px; padding-left:31px; cursor:pointer;}
#lnbwrap .lnb>ul>li>ul>li>a:hover {background: url("../img/blit02_on.png") no-repeat; background-position:18px; color:#ff0d0d;}
.blit_on {background: url("../img/blit02_on.png") no-repeat; background-position:18px; color:#ff0d0d; background-color:#dedede;}

#leftMobileMenu>li>ul>li>a{display:block; padding-top:12px; padding-bottom:12px; background: url("../img/blit02.png") no-repeat; background-position:18px; padding-left:31px; cursor:pointer;}
#leftMobileMenu>li>ul>li>a:hover {background: url("../img/blit02_on.png") no-repeat; background-position:18px; color:#ff0d0d;}


/*네비온오프*/
.gnb01, .gnb02, .gnb03, .gnb04, .gnb05, .gnb06, .gnb07, .gnb01_on, .gnb02_on, .gnb03_on, .gnb04_on, .gnb05_on, .gnb06_on, .gnb07_on {height:100%; font-size:1.2em;}
.gnb01_on, .gnb02_on, .gnb03_on, .gnb04_on, .gnb05_on, .gnb06_on, .gnb07_on {color:#fff; box-shadow: inset 1px 1px 2px 0 #656565; }
.gnb01:hover, .gnb02:hover, .gnb03:hover, .gnb04:hover, .gnb05:hover, .gnb06:hover, .gnb07:hover {color:#fff; box-shadow: inset 2px 2px 4px 0 #656565; }

.gnb01 {background: url("../img/gnb_icon01.png") no-repeat;}
.gnb01_on, .gnb01:hover {background: url("../img/gnb_icon01_on.png") no-repeat; background-position:15px; background-color:#717171; font-weight:bold;}

.gnb02 {background: url("../img/gnb_icon02.png") no-repeat;}
.gnb02_on, .gnb02:hover {background: url("../img/gnb_icon02_on.png") no-repeat; background-position:15px; background-color:#717171; font-weight:bold;}

.gnb03 {background: url("../img/gnb_icon03.png") no-repeat;}
.gnb03_on, .gnb03:hover {background: url("../img/gnb_icon03_on.png") no-repeat; background-position:15px; background-color:#717171; font-weight:bold;}

.gnb04 {background: url("../img/gnb_icon04.png") no-repeat;}
.gnb04_on, .gnb04:hover {background: url("../img/gnb_icon04_on.png") no-repeat; background-position:15px; background-color:#717171; font-weight:bold;}

.gnb05 {background: url("../img/gnb_icon05.png") no-repeat;}
.gnb05_on, .gnb05:hover {background: url("../img/gnb_icon05_on.png") no-repeat; background-position:15px; background-color:#717171; font-weight:bold;}

.gnb06 {background: url("../img/gnb_icon06.png") no-repeat;}
.gnb06_on, .gnb06:hover {background: url("../img/gnb_icon06_on.png") no-repeat; background-position:15px; background-color:#717171; font-weight:bold;}

.gnb07 {background: url("../img/gnb_icon07.png") no-repeat;}
.gnb07_on, .gnb07:hover {background: url("../img/gnb_icon07_on.png") no-repeat; background-position:15px; background-color:#717171; font-weight:bold;}


.back_positon {background-position:15px;}

.arrow {background: url("../img/arrow.png") no-repeat;  width:7px; height:13px; padding:25px 0 22px 271px;}
.arrow:hover {background: url("../img/arrow_on.png") no-repeat; background-position:256px;}
.arrow_on {background: url("../img/arrow_on.png") no-repeat; width:7px; height:13px; padding:25px 0 22px 271px;}
.arrow_positon {background-position:256px; position:absolute; top:0px; right:0px;}

/**********컨텐츠**********/
.content {float:right; width:71%; height:100%; min-height:585px; margin:0 auto; overflow:hidden; margin-top:45px; margin-right:15px;}

/**********푸터**********/
.footerwrap {width:100%; border-top:1px solid #b0b0b0;}
.footerwrap .footer {width:100%; max-width:1240px;  margin:0 auto; overflow:hidden; padding:15px 0 30px 0; text-align:center;}
.footerwrap .footer p {width:100%; color:#333333; font-size:0.9em;}
.footerwrap .footer p:last-child {margin-top:2px; color:#686868; font-size:0.8em;}

/*맨위로*/
.top {width:71%; height:100%; float:right; overflow:hidden; margin:45px 15px 15px 0; text-align:right;}
.top p {display:inline; width:100%; text-align:right;}
.top img {vertical-align:middle; padding-left:5px;}
.top a {padding:3px; cursor:pointer;}



/*로그인*/
.login_new {width:100%; margin:0 auto; overflow:hidden; /*background: url('../img/top_bg.png') no-repeat; background-position:top; */ border-top:40px solid #4cc7cb;}
.login_new .mobile{display:none;}
.login_new>.login_top {width:840px; margin:0 auto;}
.login_new>.login_top ul{margin:0 0 15px;}
.login_new>.login_top>ul>li {width:100%; margin:0 auto;}
.login_new>.login_top>ul>li:nth-child(1) {font-size:2.3em; color:#353334; text-align:left; padding-top:110px;}
.login_new>.login_top>ul>li:nth-child(2) {color:#646464; text-align:left; padding-top:4px;}
.login_new>.login_con{width:840px; overflow:hidden; margin:0 auto; border:0;}
.login_new .login_con .img_visual{float:left; width:420px; padding:50px 0 46px; text-align:center; background:#f3f3f3;}
.login_new .login_con .form_area{float:right; width:420px; background:#fff;}
.form_area .slogan{padding:24px 0; text-align:center; background:#3c3c3c;}
.form_area .form{padding:47px 36px 50px 28px;}
.form_area .form div{float:left; width:250px; padding:28px 0 0;}
.form_area .form input[type="text"],
.form_area .form input[type="password"]{width:100%; height:36px;}
.form_area .form input[type="text"]{margin:0 0 9px;}
.form_area .form a{float:right; margin:28px 0 0; padding:31px 25px 31px 25px; text-align:center; background-color:#ff0000; border:1px solid #df1a23; color:#fff; border-radius:0;}
.form_area .form p{clear:both; padding:28px 0 0; font-size:12px; color:#8c8c8c;}
.login_footer{border:0;}

.login {width:100%; margin:0 auto; overflow:hidden;}
.login>.login_top {width:100%; margin:0 auto; background: url('../img/top_bg.png') no-repeat; background-position:top;}
.login>.login_top>ul {width:100%; max-width:1000px;  height:203px; margin:0 auto; background: url('../img/login_img.png') no-repeat; background-position:bottom right 12px; border-bottom:2px solid #666666;}
.login>.login_top>ul>li {width:100%; margin:0 auto;}
.login>.login_top>ul>li:nth-child(1) {font-size:2.3em; color:#353334; text-align:left; padding-top:110px;}
.login>.login_top>ul>li:nth-child(2) {color:#646464; text-align:left; padding-top:4px;}
.login_con {width:100%; max-width:1000px; margin:0 auto; border-bottom:1px solid #cbcbcb; background-color:#f6f6f6;}
.login_con>ul>li {width:100%; max-width:447px; margin:0 auto; text-align:left;}
.login_con>ul>li>img {padding-top:42px;}
.login_con>ul>li:nth-child(1)>span {display:inline-block; vertical-align:bottom; margin-left:19px;}
.login_con>ul>li:nth-child(2)>ul {width:100%; margin-top:27px; margin-bottom:53px;}
.login_con>ul>li:nth-child(2)>ul>li {float:left;}
.login_con>ul>li:nth-child(2)>ul>li:nth-child(2) {margin-top:8px;}
.login_con>ul>li:nth-child(2)>ul>li>span {display:inline-block; width:75px; text-align:left; font-size:1.05em;}
.login_con>ul>li:nth-child(2)>ul>li>input[type=text], .login_con>ul>li:nth-child(2)>ul>li>input[type=password] {width:242px; height:36px;}
.login_con a {display:inline-block; margin-left:8px; padding:31px 25px 31px 25px; text-align:center; background-color:#ff0000; border:1px solid #df1a23; color:#fff; border-radius:3px; cursor:pointer;}
.login_con2 {width:100%; max-width:1000px; margin:0 auto; border-bottom:1px solid #cbcbcb;overflow:hidden; margin-bottom:100px; display:block;}
.login_con2>li {
	float:left;
	width:33.3%;
	border-right:1px solid #cbcbcb;
	text-align:center;
	margin:30px 0 30px 0;
	padding:23px 0 23px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.login_con2>li:nth-child(2) {width:33.4%;}
.login_con2>li:nth-child(3) {border-right:0;}
.login_con2>li>.img {float:left; width:25%; padding-left:5%;}
.login_con2>li>dl {float:left; width:60%; text-align:left; padding-right:10%;}
.login_con2>li>dl>dt {font-size:1.1em; color:#282828;}
.login_con2>li>dl>dd {font-size:0.9em;}
.login_con3 {width:100%; max-width:1000px; margin:0 auto; /*border-bottom:1px solid #cbcbcb;*/ overflow:hidden; margin-bottom:100px; display:block; font-size:1.2em; margin-top:20px;}

/*메인*/
.intro {width:100%; margin:0 auto; overflow:hidden;}
/*메인*/
.index {width:100%; margin:0 auto; overflow:hidden;}
.index img {vertical-align:middle;}
.index>li:first-boxchild {width:100%; height:100%; float:left; box-sizing:border-box; border:1px solid #d7d7d7; margin-bottom:35px; position:relative;}
.index>li:first-child>p {position:absolute; top:4%; left:2%; color:#555555; font-size:1.9em; font-weight:normal; filter: dropshadow(color=#333, offx=8, offy=8); text-shadow: 1px 1px 6px #f6f6f6;}
.index>li:first-child>p>span {color:#ff0d0d; font-weight:bold;}
.index .list {width:48.5%; margin-bottom:25px; text-align:left; border:1px solid #cbcbcb;}
.index_box {background-color:#fff; width:100%; margin:0 auto; padding:3% 0 4% 0; display:block;}
.index_box>p {width:95%; margin:0 auto; margin-bottom:3%; padding:2% 0 2% 0; font-size:1.1em; border:1px solid #cbcbcb; background-color:#ff0d0d; color:#fff;}
.index_box>p>span {float:right; margin-right:5px; cursor:pointer;}
.index_box>ul {width:93%; margin:0 auto;}
.index_box>ul>li {margin-bottom:3%;}
.index_box>ul>li:last-child {margin-bottom:0%;}
.index_box>ul>li>span {float:right;}
.index_box>ul>li>img {margin-right:5px; vertical-align:top;}
.left {float:left;}
.right {float:right;}
.index>li:last-child{width:100%; float:left; box-sizing:border-box; border-top:2px solid #ff0d0d; padding-top:1%;}
.index>li:last-child>ul {width:100%; overflow:hidden;}
.index>li:last-child>ul>li {float:left;
	width:31%;
	border:1px solid #cbcbcb;
	text-align:center;
	margin:2% 1% 0% 1%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	cursor:pointer;
	background-color:#fff;
}
.index>li:last-child>ul>li>dl {width:90%; margin:0 auto; overflow:hidden; padding:24px 0 24px 0;}
.index>li:last-child>ul>li>dl>dt {width:15%; float:left; text-align:center;}
.index>li:last-child>ul>li>dl>dd {width:85%; float:left; text-align:left; line-height:27px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_gnb01 {width:27px; height:27px; background: url('../img/gnb_icon01.png') no-repeat;}
.main_gnb02 {width:27px; height:27px; background: url('../img/gnb_icon02.png') no-repeat;}
.main_gnb03 {width:27px; height:27px; background: url('../img/gnb_icon03.png') no-repeat;}
.main_gnb04 {width:27px; height:27px; background: url('../img/gnb_icon04.png') no-repeat;}
.main_gnb05 {width:27px; height:27px; background: url('../img/gnb_icon05.png') no-repeat;}
.main_gnb06 {width:27px; height:27px; background: url('../img/gnb_icon06.png') no-repeat;}
.main_gnb07 {width:27px; height:27px; background: url('../img/gnb_icon07.png') no-repeat;}

/*캘린더*/
.calendar {width:100%; height:100%; margin: 0 auto; font-size: 0.9em;}
.cal th {font-size:0.9em;}
.cal td {font-size:0.9em;}
.cal{width:100%; height:130px; color:#333333; background:#FFFFFF; border-spacing:1px; margin-bottom:30px;}
.fc-header-title {font-size: 1.2em;	font-weight: bold; margin-bottom: 1em;}

/*인풋*/
.input_left {font-weight:600; width:65px; float:left; line-height:33px; text-align:left;}
.input_right {/*width:80px;*/ height:36px; line-height:35px; float:right; text-align:right;}
.inputBar {overflow:hidden;}
.inputBar > div {width:100%; text-align:left; float:left;}


/*영업 통합검색*/
.sales, .sales02 {width:100%; margin:0 auto; overflow:hidden;}
.sales input[type=text] {width:100%; height:33px; border:1px solid #cecece; box-sizing:border-box;}
.sales>div {padding-bottom:30px;}
.sales>li {position:relative;}
.sales>li>dl {cursor:pointer; width:100%; margin:10px 0 5px 0; padding:15px 0 20px 8px; border-radius:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  border:1px solid #dddddd; background-color:#fff; box-shadow:0px 3px 2px -2px #a6a6a6;}
.sales>li>dl .type{position: absolute; right: 7px; top: 7px; width: 100px; height: 60px; border: 1px solid #8f8ca7; text-align: center; line-height: 2;}
.sales>li>dl p.title strong { font-size:16px; font-weight:bold;}

/*.sales>li>dl:hover {cursor:pointer; background-color:#f7f7f9;}*/
.sales>li>dl>dt, .sales02>li>p {font-size:1.1em; font-weight:600; padding-bottom:8px;}
.sales02>li {width:100%; /*padding-top:15px; padding-bottom:20px;*/ margin:5px 0 15px 0; border-bottom:1px solid #999999;}
.sales02>li:nth-child(1) {padding-top:0; /*border-bottom:2px solid #474747;*/}
.sales02>li>dl { clear:left; width:100%; line-height:22px; overflow:hidden; background-color:#fff;}
.sales02>li>dl>h1 {font-size:1.3em; font-weight:600; padding:10px 0 10px 8px; border-top:2px solid #ff0d0d; border-bottom:1px solid #d8d7d7;}
.sales02>li>dl>h1 em.subtext { font-size: 13px; color: #777;}
.sales02>li>dl>dt {width:100px; min-height:33px; padding:1px 0 1px 8px; float:left; font-weight:600;}
.sales02>li>dl>dd {min-height:33px;padding:1px 0 1px 8px;font-size:0.9em;}
.sales02>li>dl>imgdt {width:20px; float:left; height:25px;}
.sales02>li>dl>imgdd {font-size:0.9em; margin-left:20px;}
.sales02 span{float:right; text-align:right; font-size:0.9em;}
.border_bottom>li:nth-child(1) {border-bottom:1px solid #d8d7d7;}

/*.serch_box {border:1px solid blue;}*/
.serch_box>span {float:left; display:inline; width:70px; line-height:34px; font-weight:600;}
.serch_box>ul {overflow:hidden;}
.serch_box>ul>li{width:100%; padding:1px 0 1px 0; text-align:left; float:left;}
.serch_box input[type=text] {width:100%; height:33px; border:1px solid #cecece; box-sizing:border-box;}

/******팝업 공통사용******/
.popup {
	width:100%;
	max-width:600px;
	overflow:hidden;
	background-color:#fff;
	margin:0 auto;
	border:2px solid #b0b0b0;
	border-top:6px solid #ff0d0d;
	position:fixed; top:0px; left:47%; z-index:800;
	padding-bottom:20px;
	display:none;
}

/*맵팝업 추가스타일*/
.map {
	min-height:400px;

}


.popup input {
	width:100%;
	border:1px solid #cecece;
	padding-bottom:1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.popup .serch_info input {
	height:33px;
}
.popup select {
	width:100%;
	border:1px solid #cecece;
	padding-bottom:1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.popup>div:first-child {width:95%; margin:0 auto; overflow:hidden; padding:15px 0 15px 0; margin-bottom:0px; border-bottom:1px solid #ff0d0d;}
.popup>div>span {font-size:1.2em; line-height:32px; font-weight:600; color:#353535;}
.popup p {margin-bottom:0;}
.popup>div>a {float:right;}
.popup>ul {width:95%; margin:0 auto; overflow:hidden;}
.popup>div {width:95%; margin:0 auto; overflow:hidden;}
.popup>ul>li>ul>li {float:left;}
.popup .pop_title {border:1px solid #d8d7d7; border-left:0; border-right:0; border-bottom:1px solid #999999; border-top:2px solid #474747; background-color:#f6f6f6; font-size:0.9em; color:#474747; padding:12px 5px 12px 5px; line-height:1.4em; text-align:center;}

.popup .pop_list>li {float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #d8d7d7; font-size:0.8em; text-align:left; padding:12px 10px 12px 10px; }
.popup .pop_list>li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.popup .list01>li {width:100%;}
.popup .list02>li {width:50%;}
.popup .list02>li:nth-child(odd) {border-right:1px solid #d8d7d7;}
.popup .list03>li {width:33.3%;}
.popup .list03>li:nth-child(2) {width:33.4%;}
.popup .list03>li:not(:nth-of-type(3n+0)) {border-right:1px solid #d8d7d7;}
.popup_textarea {margin:0 auto; text-align:center;}
.popup .serch_info {width:95%; height:33px; margin:0 auto; text-align:center; margin-bottom:20px;}
.popup .serch_info>p {margin-bottom:5px;}
.popup .serch_info2 {width:95%; height:26px; margin:0 auto; text-align:center; margin-bottom:20px;}
.popup .serch_info2 .input_left {font-weight:600; width:75px; float:left; line-height:26px; text-align:left;}
.popup .serch_info2 .input_right {width:72px; height:24px; line-height:23px; float:right; text-align:right; padding-top:2px;}
.popup .serch_info2 .inputBar {overflow:hidden;}
.popup .serch_info2 .inputBar > div {width:100%; text-align:left; float:left;}
.popup .serch_info2 .inputBar select {height:26px;}

.popup .serch_info {padding-bottom:30px;}
.popup .popup_serch_result {font-size:0.9em; display:inline-block; margin-bottom:8px;}
.popup .popup_serch_result>em {color:#ff0d0d;}
.popup .popup_serch_result>strong {font-weight:bold; color:#333333;}
.popup .poup_tab {margin:0 auto; overflow:hidden; background: url('../img/bg_line_1x1.png') repeat-x 0 bottom; padding-bottom:1px; margin-bottom:20px;}
.popup .poup_tab>div {width:50%; cursor:pointer; float:left; padding:10px 0 10px 0; background-color:#ececec; text-align:center; border-bottom:0; letter-spacing:-1px; -webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box;}
.popup .poup_tab .tab_on {background-color:#fff; border:2px solid #ff0d0d; border-bottom:0; margin-bottom:-1px; color:#ff0d0d; font-weight:bold;}

.popup .popmemo textarea { width: 99%; margin-top: 5px;}
/******팝업 공통사용 End******/



/* (17.06.26 이후 추가) Start
**********************************************/

/* 팝업 STYLE
**********************************************/

.popup2 { display:none; position:fixed; z-index:800; width:100%; max-width:600px;}
.popup2.hfixed { top:50% !important;}
.popup2.hfixed .area { height: 100%;}
.popup2.size750 { max-width: 750px;}
.popup2 .area { position:relative; padding:10px 10px 20px; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; background-color: #fff;}
.popup2 .area h4 { height:45px; padding-left:10px; font-size:19px; color: #fff; line-height: 45px; background-color:#d63535;}
.popup2 .area button.close { display:block; position: absolute; right:10px; top:10px; width:18px; height:18px; padding:22px; text-indent:-99999px; background:url("../img/lnb_close.png") no-repeat center center; background-size:18px; -webkit-background-size:18px; -moz-background-size:18px;}
.popup2 ul.list li a { padding:5px 0 10px 10px; border:1px solid #ddd;}
.popup2 .btn { text-align: center;}
.popup2 .name { margin-top:25px; text-align: center;}
.popup2 .name em { display:block; font-size: 24px; font-weight: bold; color:#23719f;}
.popup2 .name span { display:block; margin-top:5px; color: #888;}
.popup2 table.wtable tbody tr td { padding: 7px 5px;}

/* 확인 메세지 창 */
.alert_popup { display:none; overflow:hidden; position:fixed; top:0px; left:47%; z-index:800; width:100%; max-width:300px; margin:0 auto; padding:5px; text-align:center; background-color:#fff;}
.alert_popup .alert-title { height:34px; font-size:16px; font-weight:bold; line-height:34px; background-color: #eee;}
.alert_popup .alert-content { padding:20px 0;}
.alert_popup .alert-content span:first-child { display: none;}
.alert_popup .alert-btn-wrap { height:24px; color:#fff; line-height:24px;}
.alert_popup .comm_msg_box_confirm_content { padding: 10px 0;}
.alert_popup .alert-btn-wrap >a { display:inline-block; padding:3px 0; background-color: #777;}

/* 탭 */
.popup2 ul.tab { clear: left; overflow: hidden;}
.popup2 ul.tab li { float: left; width:50%;}
.popup2 ul.tab li a { display: block; padding:10px 0; color:#5d5d5d; text-align: center; border-bottom:2px solid #ececec; background-color:#ececec;}
.popup2 ul.tab li a.tab_on { border:2px solid #777; border-bottom:none; background-color: #fff;}

/* Input Style */
.popup2 .popsearch { padding:12px 5px; text-align:center; border-bottom:1px solid #999; border-top:2px solid #474747; background-color:#f6f6f6;}
.popup2 .popsearch input { width:98%;}
.popup2 .popsearch.btnone { padding:0 5px 12px; border-top:none;}
.popup2 .popsearch.style { border-top:none; border-bottom:none;}
.popup2 .popsearch2 { position:relative; padding:12px 85px 12px 5px; border-bottom:1px solid #999; background-color:#f6f6f6;}
.popup2 .popsearch2 input { width:100%;}
.popup2 .popsearch2 button { position: absolute; right:5px; top:50%; margin-top: -17px;}

/* 목록 나열 */
.popup2 h5.title { padding:12px 5px; font-size:16px; text-align:center; border-bottom:1px solid #999; border-top:2px solid #474747; background-color:#f6f6f6;}
.popup2 h5.card_title { padding:15px 0; font-size:16px; text-align:center; border:1px solid #bbb; background-color:#f7f7f7; border-radius:5px;}
.popup2 ul.listview { clear: left; overflow: hidden;}
.popup2 ul.listview li { display: table; float:left; width:50%; border-bottom:1px solid #d8d7d7; border-right:1px solid #d8d7d7;}
.popup2 ul.listview li a { display: table-cell; width:100%; height:39px; padding-left:10px; color:#5d5d5d; vertical-align: middle; line-height: 16px; cursor: pointer;}

.popup2 ul.listview li:nth-of-type(2n+2) { border-right:none;}
.popup2 ul.listview li.on { border-bottom:1px solid #23719f;}
.popup2 ul.listview li.on a { color:#fff; background-color: #23719f;}
.popup2 ul.listview li.tr_select { border-bottom:1px solid #23719f;}
.popup2 ul.listview li.tr_select a { color:#fff; background-color: #23719f;}
.popup2 ul.listview.split3 li { width:33.3334%;}
.popup2 ul.listview.split3 li:nth-of-type(2n+2) { border-right:1px solid #d8d7d7;}
.popup2 ul.listview.split3 li:nth-of-type(3n+3) { border-right:none;}
.popup2 ul.listview.perfect li { width:100%; border-right:none;}

/* 클릭 효과 테이블 */
.popup2 table.listview tbody tr td { padding:10px 5px 10px 5px; border-left:1px solid #d8d7d7; border-bottom:1px solid #d8d7d7;}
.popup2 table.listview tbody tr.tr_select td { color:#fff; background-color:#e5e5e2;}
.popup2 table.listview tbody tr td:first-child { border-left:none;}

/* 헤딩 */
.popup2 h5.stitle { padding:15px 10px; font-size: 16px;}

/* 메모 */
.popup2 .popmemo { padding-top: 20px;}
.popup2 .popmemo h5 { font-size: 14px;}
.popup2 .popmemo textarea { width: 99%; margin-top: 10px;}

/* 카드결제 타이틀 */
.popup2 h5.title.borbnone { border-bottom:none;}
.popup2 .card_contain { padding:30px 0 60px; font-size:16px; text-align: center;}

/* Scroll Overflow */
.popup2 .in_scroll_wrap { overflow-y:auto; overflow-x:hidden; height: 220px;}
.popup2 .in_scroll_wrap.alway { overflow-y:scroll;}

/* 팝업 공지 디자인 */
.view p.date { padding:10px; text-align: right;}
.view p.date span { margin-right: 10px;}
.view p.notice_contents { padding:20px 10px; border-top:1px solid #d8d7d7; background-color: #fff; border-radius:3px; }
.view .file { display:table; width:100%; margin-bottom:-1px; border-top:1px solid #d8d7d7; border-bottom:1px solid #d8d7d7;}
.view .file span { display:table-cell; width:65px;  height:44px; vertical-align: middle;}
.view .file span.space { width:20px; text-align: center;}
.view .file a { display:table-cell; height:44px; vertical-align: middle; color:#5d5d5d; word-break:break-all; word-wrap:break-word;}

/* 팝업 : Call Plan */
.popup2 .callist { padding:0 0; border-top:2px solid #474747; border-bottom:1px solid #999; background-color: #fff;}
.popup2 .callist ul { }
.popup2 .callist ul li { padding-bottom:10px; border-top:1px solid #ccc; background-color: #fff;}
.popup2 .callist ul li:first-child { border-top:none;}
.popup2 .callist ul li .another { display:table; position:relative; width:100%; min-height:73px; padding:10px 15px 0 185px;}
.popup2 .callist ul li .another .icoset { position:absolute; left:0; top:11px; width:173px; padding:14px 0; text-align:center; border:1px solid #ebebeb; border-radius:4px;}
.popup2 .callist ul li .another .icoset img { margin-right:6px; vertical-align: middle;}
.popup2 .callist ul li .another .icoset span.date {}
.popup2 .callist ul li .another .icoset p.text { display: inline-block; text-align: left; line-height: 16px; vertical-align: middle;}
.popup2 .callist ul li .another .paragraph { display:table-cell; vertical-align:middle;}
.popup2 .callist ul li .another .paragraph p { line-height: 18px;}

/* 팝업 : 거래원장 조회 */
.popup2 .reg {}
.popup2 .reg dl.left { width:48%; text-align:center;}
.popup2 .reg dl.left dt { height:40px; font-weight:bold; line-height:40px; border:1px solid #ccc; background-color: #ddd; border-radius:4px 4px 0 0;}
.popup2 .reg dl.left dd { height:120px; margin-top:-1px; font-size:32px; font-weight:bold; line-height:120px; border:1px solid #ccc; border-radius:0 0 4px 4px;}
.popup2 .reg dl.right { width:48%; text-align:center;}
.popup2 .reg dl.right dt { height:40px; font-weight:bold; line-height:40px; border:1px solid #ccc; background-color: #ddd; border-radius:4px 4px 0 0;}
.popup2 .reg dl.right dd { height:120px; margin-top:-1px; font-size:32px; font-weight:bold; line-height:120px; border:1px solid #ccc; border-radius:0 0 4px 4px;}

/* 리스트 STYLE
**********************************************/
ul.list_table {}
ul.list_table li { display: block; margin-top:15px; padding:15px 50px 15px 10px; color:#5d5d5d; border:1px solid #ddd; background-color:#fff; border-radius:3px;}
ul.list_table li:first-child { margin-top:0;}
ul.list_table li a { color: #5d5d5d;}
ul.list_table li table {}
ul.list_table li table tbody tr th { text-align:left;}
ul.list_table li table tbody tr td { padding:3px 0;}
ul.list_table li table tbody tr td select,
ul.list_table li table tbody tr td input { width:100%;}
ul.list_table li button.delete { display:block; position: absolute; right:5px; top:50%; width:18px; height:18px; margin-top:-23px; padding:28px; background-size:18px; -webkit-background-size:18px; -moz-background-size:18px;}

/* 나열된 목록 */
ul.list {}
ul.list li { position:relative; margin-top: 10px;}
ul.list li a { display: block; padding:20px 0 20px 10px; color:#5d5d5d; border:1px solid #ccc; background-color:#fff; border-radius:3px; }
ul.list li p { margin-top: 6px;}
ul.list li p.title { margin-top: 0;}
ul.list li p.title strong { font-size:16px; color:#333; font-weight:bold; }
ul.list li p.title button.lists { display:inline-block; width:18px; height:18px; margin:-5px 0 0 5px; vertical-align:middle; background-size:18px; -webkit-background-size:18px; -moz-background-size:18px;}
ul.list li p.mtstyle { margin-top: 15px;}
ul.list li a.active { color:#00a0c6; border:1px solid #14a6c9;}
ul.list li .poa { position: absolute; right:10px; top:50%; width:188px; margin-top: -16px;}
ul.list li:first-child { margin-top: 0;}
ul.list.style li a { padding:20px 0 20px 80px;}
ul.list.style li a:hover strong { color:inherit; }
ul.list.style li .icoset { position: absolute; left:15px; top:50%; margin-top: -13px;}
ul.list.style li .hospital { display:table; position: absolute; right:50px; top:0; text-align: right;}
ul.list.style li .hospital .vcenter { display: table-cell; height:75px; vertical-align: middle;}
ul.list.style li button.delete { display:block; position: absolute; right:5px; top:16px; width:18px; height:18px; padding:22px; background-size:18px; -webkit-background-size:18px; -moz-background-size:18px;}
ul.list.style li table tbody tr td { vertical-align: middle;}

/* 팝업 : Call Plan */
.popup2 .callist { padding:0 0; border-top:2px solid #474747; border-bottom:1px solid #999; background-color: #fff;}
.popup2 .callist ul { }
.popup2 .callist ul li { padding-bottom:10px; border-top:1px solid #ccc; background-color: #fff;}
.popup2 .callist ul li:first-child { border-top:none;}
.popup2 .callist ul li .another { display:table; position:relative; width:100%; min-height:73px; padding:10px 15px 0 185px;}
.popup2 .callist ul li .another .icoset { position:absolute; left:0; top:11px; width:173px; padding:14px 0; text-align:center; border:1px solid #ebebeb; border-radius:4px;}
.popup2 .callist ul li .another .icoset img { margin-right:6px; vertical-align: middle;}
.popup2 .callist ul li .another .icoset span.date {}
.popup2 .callist ul li .another .icoset p.text { display: inline-block; text-align: left; line-height: 16px; vertical-align: middle;}
.popup2 .callist ul li .another .paragraph { display:table-cell; vertical-align:middle;}
.popup2 .callist ul li .another .paragraph p { line-height: 18px;}

/* Description */
p.description { margin-top: 10px; color: #ff0000;}
p.calendarico { height:33px; padding-left:30px; font-weight:bold; line-height:33px; background:url('../img/calendar_icon.png') no-repeat left center; background-size:24px; -webkit-background-size:24px; -moz-background-size:24px;}

/* 공통 */
col.colwidth { width:120px;}
table th,
table td { font-size:13px;	font-family:'Nanum Gothic',tahoma,AppleGothic,Sans-serif;}

table.w100 { width:100%; }
table.wtable, table.htable, table.whtable { width:100%; border-top: 2px solid #d63535; }
/* 세로 테이블 */
table.htable tbody tr th { padding:12px 10px; line-height:16px; vertical-align:middle; word-break:break-all; word-wrap:break-word; border-bottom:1px solid #d8d7d7; background-color:#f7f7f7;}
table.htable tbody tr td { padding:8px 10px; vertical-align:middle; word-break:break-all; word-wrap:break-word; border-bottom:1px solid #d8d7d7; border-left:1px solid #d8d7d7; background-color: #fff;}
table.htable tbody tr td .pos { position:relative;}
table.htable tbody tr td .pos.space { padding-right: 80px;}
table.htable tbody tr td .pos.space2 { padding-right: 86px;}
table.htable tbody tr td .pos .poa { position: absolute; right: 0; top:50%; margin-top:-17px;}
table.htable tbody tr td p { line-height: 18px;}
table.htable tbody tr td input[type=text],
table.htable tbody tr td input[type=password],
table.htable tbody tr td select { width:100%;}
table.htable tbody tr td.fselect { clear: left; overflow: hidden;}
table.htable tbody tr td.fselect select { float: left; width:49.5%; margin-left: 1%;}
table.htable tbody tr td.fselect select:first-child { margin-left:0;}

/* Call
**********************************************/

.call h4.title {height:33px;font-size:16px;line-height: 33px; font-weight:bold;}

/* main
**********************************************/

.main .temp img { border-radius:4px;}
.main .todolist { clear: both; overflow: hidden; margin-top: 15px; padding:15px 10px 10px; background-color: #fff; border-radius:4px; }
.main .todolist h4 { font-size:15px; color:#333; font-weight:bold; }
.main .todolist ul.list.style li a { padding:20px 0 20px 50px; }
.main .todolist ul.list.style li a .hospital { right:18px; }
.main .todolist ul.list.style li a .hospital .vcenter { height:95px; padding:0 4px; }

.button.cmd { height:auto;border:1px solid #d2d2d2; padding:6px 12px; background-color:#f3f3f3; color:#333; font-size:13px; line-height:normal; min-width:90px;}
.button.cmd i { display:block; margin:0 auto 6px; }

/* (17.06.26 이후 추가) End
**********************************************/


/******경고창 공통사용 Start******/

.alert_popup {
	width:100%;
	max-width:300px;
	overflow:hidden;
	background-color:#fff;
	margin:0 auto;
	border:2px solid #b0b0b0;
	border-top:6px solid #ff0d0d;
	position:fixed; top:0px; left:47%; z-index:800;
	padding-bottom:25px;
	display:none;
}

.alert_popup .alert-title {width:95%; margin:0 auto; overflow:hidden; padding:15px 0 15px 0; margin-bottom:20px; border-bottom:1px solid #ff0d0d;}
.alert_popup .alert-title .alert-title-message {font-size:0.9em; line-height:32px; color:#353535;}
.alert_popup .alert-title>a {float:right;}
.alert_popup .alert-content {width:95%; margin:0 auto; text-align:center; overflow:hidden; margin-bottom:20px; color:#333333;}
.alert_popup .alert-content>span {display:block;}
.alert_popup .alert-content>span:first-child {width:25%; float:left;}
.alert_popup .alert-content>span:last-child {width:75%; padding-top:16px; float:right; text-align:left;}
.alert_popup .alert-btn-wrap {width:100%; margin:0% 2.5% 20px 2.5%; margin:0 auto; text-align:center;}
.alert_popup .alert-btn-wrap a {display:block; padding:7px 0 7px 0; margin-left:0;}
/******경고창 공통사용 End******/





/*************add jane*************/
.left_box {width:200px; float:left; margin-right:10px;}
.right_box {width:670px; float:left;}
.box_wrap {border:1px solid #d7d7d7; height:100%; min-height:445px; max-height:695px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.box_wrap>p {margin:0 auto; line-height:27px; margin-top:10px; margin-bottom:20px; font-size:1.1em; border:1px solid #cbcbcb; background-color:#f6f6f6; color:#333333; padding:6px 0 6px 0;}
.left_box .box_wrap>p {width:180px;}
.right_box .box_wrap>p {width:650px;}
.box_wrap>p>span {float:right; cursor:pointer; display:inline-block;}
.box_wrap>p>span>img {margin-right:7px; vertical-align:top;}
.box_wrap>div {margin:0 auto;}
.left_box .box_wrap>div {width:180px; margin-bottom:15px; overflow-y:auto; overflow-x:hidden;}
.right_box .box_wrap .border {width:650px; margin:0 auto; margin-bottom:15px; overflow-y:auto; overflow-x:hidden;}
.right_box .box_wrap .border>li:first-child {width:285px; margin-right:10px; float:left;}
.right_box .box_wrap .border>li:last-child {width:285px; margin-left:10px; float:left;}

.box_in_table {width:100%; margin:0 auto; background-color:#fff;}
.box_in_table td {font-size:0.9em; line-height:1.4em; padding:5px 0 5px 0;}
.box_in_table td:nth-child(odd) {text-align:right;}
.box_in_table td:nth-child(even) {padding-left:10px; text-align:left; background-color:#fff;}
.box_in_table select, .box_in_table input {width:100%;}
/*
.name_box {background-color:#fff; width:100%; height:100%; padding-top:10px; margin:0 auto; border:1px solid #c0c0c0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.name_box>ul {overflow:hidden; margin: 0 auto; padding-left:10px;}
.name_box>ul>li {background-color:#f9f9f9; width:10%; min-width:87px;  max-width:87px; margin-left:6px; margin-right:4px; margin-bottom:10px; padding:10px 0px 10px 8px; border:1px solid #d7d7d7; cursor:pointer; float:left;  border-radius:3px 3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.name_box>ul>li:last-child {margin-right:0;}
.name_box>ul>li>span {color:#333333;}
.name_box>ul>li>div {float:right; padding-right:5px;}
*/

.name_box { padding-top:10px; border-bottom:1px solid #c0c0c0;}
.name_box>ul {overflow:hidden; margin: 0 auto; padding-left:10px; max-height:100px; overflow-y:auto;}
.name_box>ul>li {background-color:#f9f9f9; width:10%; min-width:87px;  max-width:87px; margin-left:6px; margin-right:4px; margin-bottom:15px; padding:10px 0px 10px 8px; border:1px solid #d7d7d7; cursor:pointer; float:left;  border-radius:3px 3px;}
.name_box>ul>li:last-child {margin-right:0;}
.name_box>ul>li>span {color:#333333;}
.name_box>ul>li>div {float:right; padding-right:10px;}
.name_box.style>ul>li { width:31%; min-width:inherit;  max-width:inherit;}


/* 설정 */
.set {}
.set ul.tab { clear: left; overflow: hidden;}
.set ul.tab li { float: left; width:50%;}
.set ul.tab li a { display: block; height:57px; font-size:17px; font-weight:bold; color:#ff0000; text-align:center; line-height:55px; border:1px solid #cbcbcb; border-bottom:1px solid #ff0000; background-color: #f7f7f7;}

.set ul.tab li a.on { color: #333; border:1px solid #ff0000; border-bottom:1px solid #fff; background-color: #fff;}

.set .con >div { clear: both; overflow: hidden; padding:62px 0; border: 1px solid #cbcbcb; border-top:none; background-color: #fff;}
.set .con >div .left { float: left; position:relative; width:41.5%; padding-left:8.5%;}
.set .con >div .left dl { clear: left; overflow: hidden;}
.set .con >div .left dl dt { float: left; width:112px; height: 32px; padding-top:8px; font-size: 13px; color: #575757;}
.set .con >div .left dl dd { height: 40px; padding: 0 31px 0 112px;}
.set .con >div .left dl dd input { width:100%;}
.set .con >div .left div { padding:0 32px 0 111px;}
.set .con >div .left div button { width:100%; height: 42px; line-height: 40px;}
.set .con >div .right { float: right; width:40%; padding:0 8% 0 2%;}

.set .con >div .right img { max-width: 100%; height: auto;}
.set .con >div .right a { display:block; max-width: 356px;}
.set .con >div .right a img { max-width: 100%; height: auto;}



ul.pwboth li { display:none; position:relative; padding:10px; border-radius:2px; border:1px solid #ddd; background-color:#fff; box-shadow:0px 3px 2px -2px #a6a6a6;}
ul.pwboth li.ng-scope { display: block;}
ul.pwboth li .btn_box { position: absolute; right:10px; top:50%; margin-top: -14px;}
ul.pwboth li >div,
ul.pwboth li table tr td { height:26px; line-height: 26px;}



/* 고객 */
h3.title { margin-top:10px; font-size:1.3em; font-weight:600; color:#282828;}
.step {}
.step table.table { border-top:2px solid #474747; background-color: #fff;}
.step table.table thead tr th { height:37px;}
.step table.table thead tr th.gray { border-bottom: 1px solid #d8d7d7; background-color: #e5e5e2;}
.step table.table thead tr th.c1 { background-color: #fa6161;}
.step table.table thead tr th.c2 { background-color: #f8df57;}
.step table.table thead tr th.c3 { background-color: #71e7ae;}
.step table.table thead tr th.c4 { background-color: #59cdee;}
.step table.table thead tr th.c5 { background-color: #c38ad4;}
.step table.table tbody tr th { padding: 10px 0; border-bottom: 1px solid #d8d7d7; background-color: #e5e5e2;}
.step table.table tbody tr td { text-align: center; border-left: 1px solid #d8d7d7; border-bottom: 1px solid #d8d7d7;}
.step table.table tbody tr td span.check { display: block; width:22px; height:21px; margin:0 auto; background: url('../img/blet_check.png') no-repeat;}
/*
.step table.table tbody tr td.c1 { background-color: #fbf3ec;}
.step table.table tbody tr td.c2 { background-color: #e6fcfc;}
.step table.table tbody tr td.c3 { background-color: #f2fff2;}
.step table.table tbody tr td.c4 { background-color: #f6f9ff;}
.step table.table tbody tr td.c5 { background-color: #f4f0fd;}
*/
.step .placeholder { margin-top:15px; text-align: right;}
.step .placeholder i,
.step .placeholder span { display: inline-block; margin-bottom:5px; vertical-align: middle;}
.step .placeholder i { width: 18px; height:18px; margin-left: 10px;}
.step .placeholder i.c1 { background-color: #fa6161;}
.step .placeholder i.c2 { background-color: #f8df57;}
.step .placeholder i.c3 { background-color: #71e7ae;}
.step .placeholder i.c4 { background-color: #59cdee;}
.step .placeholder i.c5 { background-color: #c38ad4;}

.memo { margin-bottom:30px; border:1px solid #ccc; background-color:#fff; border-radius:4px;}
.memo table tbody tr th { padding:10px; border-top:1px solid #d8d7d7; background-color: #e5e5e2;}
.memo table tbody tr th span.sfont { display:block; margin-top:5px; font-size: 11px; color: #999;}
.memo table tbody tr td { position:relative; padding:10px 35px 10px 10px; line-height:18px; border-top:1px solid #d8d7d7;}
.memo table tbody tr td button { position: absolute; right:10px; top:50%; margin-top: -8px;}
.memo table tbody tr:first-child th,
.memo table tbody tr:first-child td { border-top:none;}












/******************************미디어쿼리******************************/

/**********데스크탑**********/
@media only screen and (max-width:1249px) {

}

@media only screen and (max-width:1023px) {
	#lnbwrap {margin-left:0px;}
	#containerwrap {max-width:1023x;}
	.header .headerwrap .gnb_info {margin-left:0;}
	.header .headerwrap .gnb_info>ul>li:first-child {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.header_tit {width:73%; margin-right:2%;}
	.content {width:73%; margin-right:2%;  margin-top:25px;}
	/*메인*/
	.index>li:nth-child(1) {margin-bottom:15px;}
	.index>li>.left {font-size:0.8em;}
	.index>li>.right {font-size:0.8em;}
	.index>li:last-child>ul>li {width:48%;}
	.index>li:last-child>ul>li>dl {padding:10px 0 10px 0;}
	.index>li:last-child>ul>li>dl>dt {width:20%; float:left;}
	.index>li:last-child>ul>li>dl>dd {width:80%; white-space:nowrap; text-overflow:ellipsis;  float:left; text-align:left; line-height:27px;}

}

.pagination {clear:both; padding-top:20px; text-align:center; font-size:0.9em;}
.pagination a {display:inline-block;  margin:0 2px; padding:6px 10px 6px 10px; cursor:pointer;}
.pagination span {display:inline-block;}
.pagination .pgbtn {display:inline-block; margin:0 7px;}
.pagination .pgbtn a, .pagination .numPD a {border:1px solid #999; color:#575757; background-color: #f7f7f7;}
.pagination .numPD .on_menu {display:inline-block;  margin:0 2px; padding:6px 10px 6px 10px; color:#fff; border:1px solid #666a71; background-color:#666a71;}
#wrap .pagination .numPD .on_menu:hover { color: #fff;}
.pagination .pgbtn .prev_first {display:inline; background: url("../img/btn_prev02.png") no-repeat;  background-position:8px 10px; padding:6px 15px 6px 10px;}
.pagination .pgbtn .prev_page {display:inline;  background: url("../img/btn_prev01.png") no-repeat; background-position:8px 10px; padding:6px 15px 6px 10px;}
.pagination .pgbtn .next_page {display:inline; background: url("../img/btn_next01.png") no-repeat; background-position:8px 10px; padding:6px 15px 6px 10px;}
.pagination .pgbtn .next_last {display:inline; background: url("../img/btn_next02.png") no-repeat; background-position:8px 10px; padding:6px 15px 6px 10px;}

li .targeting{
    position: absolute;
    right: 7px;
    top: 7px;
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    line-height: 2;
    background: #808080;
    color: #fff;
    border: 1px solid #5f5f5f;
}

li .camp_complete{
    position: absolute;
    right: 7px;
    top: 7px;
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    line-height: 2;
    background: #3333b5;
    font-weight: bold;
    color: #fff
}

li .camp_incomplete{
    position: absolute;
    right: 7px;
    top: 7px;
    width: 100px;
    height: 30px;
    border: 1px solid #c50404;
    border-radius: 3px;
    text-align: center;
    line-height: 2;
    background: #ec1414;
    font-weight: bold;
    color: #fff
}

li .camp_act_rate{
	position: absolute;
	top: 12px;
	right: 120px;
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
}

li .campaign-attach{
	color:blue;
}




/* 2018.02. ~ E-Brochure 관련 add */
.skip{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}
br.mobile{display:none;}
.brochure-wrap header .area{width:auto;}
.brochure-wrap footer{padding:0;}
.brochure-wrap footer address{border:0;}
.content-section{position:relative; max-width:100%; min-height:600px; box-sizing:border-box; margin:10px auto; border-top:1px solid #b0b0b0; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; border-bottom:2px solid #6f6f6f; background:#fff;}
.content-section:after{clear:both; display:block; content:'';}
.mobile-nav{display:none;}
.brochure-nav{position:absolute; top:0; left:0; width:209px; height:100%; border-right:1px solid #b0b0b0;overflow:hidden;}
.brochure-nav .web-nav{position:absolute; top:0; left:0; width:225px; height:100%; overflow-x:hidden; overflow-y:scroll}
.brochure-nav li:hover{background:#f0f0f0;}
.brochure-nav li:first-child{background:url(../img/blt_home.png) no-repeat 25px 15px;}
.brochure-nav a{display:block; height:48px; /*margin:0 -1px;*/ padding:0 0 0 22px; font-size:15px; line-height:48px; color:#333; border-bottom:1px solid #d6d6d6; background:url(../img/blt_nav.png) no-repeat 180px 18px;}
.brochure-nav li:first-child a{padding:0 0 0 50px;}
.brochure-nav li.active{margin:-1px -1px 0; padding:1px 1px 0; background:#4cc7cb;}
.brochure-nav li.active a{color:#fff; border-color:#4cc7cb; background-position:180px -78px;}
.brochure-nav li.active:first-child{background:#4cc7cb url(../img/blt_home.png) no-repeat 25px -77px;}
.brochure-section{margin:0 0 0 210px; padding:30px 30px 0;}
.favorite-wrap{position:relative; margin:0 0 40px; padding:40px 49px; border:1px solid #e8e8e8; background:#fafafa;min-height:330px;}
.favorite-list{overflow:hidden;}
.favorite-list .img{height:200px; box-sizing:border-box; overflow:hidden; margin:0 0 14px; border:1px solid #d6d6d6; cursor:pointer;}
.favorite-list .img:hover{border:2px solid #ff5959;}
.favorite-list .img:hover img{margin:-1px;}
.favorite-list li{text-align:center;}
/*.favorite-list li img{max-width:100%;}*/
.favorite-list li span{display:block; overflow:hidden; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.favorite-list .btn-swiper{position:absolute; top:50%; z-index:2; width:20px; height:30px; overflow:hidden; margin-top:-15px; text-indent:-9999px; cursor:pointer;}
.favorite-list .btn-swiper:hover{background-position:center top;}
.favorite-list .btn-prev{left:15px; background:url(../img/btn_prev.png) no-repeat center bottom;}
.favorite-list .btn-next{right:15px; background:url(../img/btn_next.png) no-repeat center bottom;}
.favorite-list .btn-swiper.swiper-button-disabled{cursor:default; background-position:center bottom;}
.bbs-latest{position:relative; min-height:330px;}
.bbs-latest h2{height:auto; padding:2px 0 13px 25px; font-size:18px; font-weight:500; color:#333; border-bottom:2px solid #b7b7b7; background:url(../img/blt_title.png) no-repeat 0 0;}
.bbs-latest .btn-reflesh{position:absolute; top:8px; right:0; width:19px; height:18px; overflow:hidden; text-indent:-9999px; background:url(../img/btn_reflesh.png) no-repeat 0  bottom;}
.bbs-latest  .btn-reflesh:hover{background-position:0 top;}
.bbs-latest li{overflow:hidden; padding:15px 16px; border-bottom:1px solid #e8e8e8;}
.bbs-latest li:last-child{padding-bottom:28px; border:0;}
.bbs-latest .txt{float:left; width:70%; overflow:hidden; padding:0 0 0 22px; text-overflow:ellipsis; white-space:nowrap; background:url(../img/blt_txt.png) no-repeat 0 center;}
.bbs-latest .date{float:right;}

.brochure-loc{height:49px; margin:0 0 10px; padding:0 24px; line-height:49px; border:1px solid #e8e8e8; background:#fafafa;}
.brochure-loc:after{clear:both; display:block; content:'';}
.brochure-loc span{float:left; margin:0 15px 0 0; padding:0 20px 0 0; font-size:18px; background:url(../img/blt_gt.png) no-repeat right center; color:#b0b0b0;}
.brochure-loc span img {margin-top:-5px;}
.brochure-loc span.active{padding:0; color:#333; background:none; color:#b0b0b0;}
.brochure-loc .select-wrap{float:right; padding:0px 0 0;}
.select-wrap select{float:left; width:100px; height:33px; color:#666; border-color:#cacece;}
.btn-favorite{float:right; width:26px; height:23px; overflow:hidden; margin:4px 0 0 14px; text-indent:-9999px; background:url(../img/blt_favorite_s.png) no-repeat 0 -46px;}
.btn-favorite:hover{background-position:0 -23px;}
.btn-favorite.active{background-position:0 0;}

.list-wrap{overflow:hidden; padding:0 18px 85px; min-height:620px;}
.brochure-list .img{width:150px; height:200px; box-sizing:border-box; overflow:hidden; margin:0 0 14px; border:1px solid #d6d6d6;}
/* .brochure-list li{float:left; margin:0 12px 28px 11px; text-align:center;} */
.brochure-list li{float:left; margin:0 6px 28px 6px; text-align:center;}
.brochure-list li span{display:block; width:150px; overflow:hidden; margin:0 auto; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
/*.brochure-list li img{width:148px;}*/
.brochure-list a{display:block;}
.brochure-list a:hover .img{border:2px solid #ff5959;}
.brochure-list a:hover .img img{margin:-1px;}

.detail-container{min-height:620px; padding-top:60px;}
.detail-container1{min-height:287px;}
.detail-wrap{overflow:hidden; padding:0 0 10px; width: 100%;}
.detail-wrap h2{height:auto; margin:0 0 30px; padding:2px 0 13px 25px; font-size:18px; font-weight:500; color:#333; border-bottom:2px solid #b7b7b7; background:url(../img/blt_title.png) no-repeat 0 0;}
.detail-wrap .brochure-list{padding:0 18px;}
.vod-list h2{background:url(../img/blt_title_vod.png) no-repeat 0 0;}
.vod-list .vod{width:94px; height:119px; margin:0 auto 14px; background:url(../img/sample_vod.png) no-repeat 0 bottom;}
.vod-list a:hover .vod{background-position:0 0;}

.vodImg {width:94px; height:119px; margin:0 auto 14px; background:url(../img/sample_vod.png) no-repeat 0 bottom;}

.lock{overflow:hidden;}
.brochure-modal{position:fixed; top:0; left:0; display:none; width:100%; height:100%; z-index:501}
/* .brochure-modal .bg{position:fixed; top:0; left:0; width:100%; height:100%; opacity:.7; background:#000;} */
.brochure-modal .bg{position:fixed; top:0; left:0; width:100%; height:100%; background:#000;}
.brochure-modal .modal-inner{position:absolute; top:0; left:50%; width:100%; min-height:650px; height:100%; box-sizing:border-box; margin:0 0 0 -50%;}
.brochure-modal .btn-util{float:right; margin:0 45px 0 0;}
.brochure-modal .btn-call{float:left; width:36px; height:36px; overflow:hidden; margin:13px 20px 0 0; text-indent:-9999px; background:url(../img/calendar.png) no-repeat; background-size:36px;}
.brochure-modal .btn-wish{float:left; width:44px; height:50px; overflow:hidden; margin:8px 20px 0 0; text-indent:-9999px; background:url(../img/cart.png) no-repeat; background-size:43px;}
.brochure-modal .btn-mail{float:left; width:36px; height:29px; overflow:hidden; margin:14px 20px 0 0; text-indent:-9999px; background:url(../img/btn_mail.png) no-repeat;}
.brochure-modal .btn-favorite{width:38px; height:36px; margin:10px 0 0; background:url(../img/blt_favorite.png) no-repeat 0 bottom;}
.brochure-modal .btn-favorite.active{background-position:0 0;}
.btn-modalClose{position:absolute; top:12px; right:40px; z-index:15; width:36px; height:36px; overflow:hidden; text-indent:-9999px; background:url(../img/btn_modalClose2.png) no-repeat 0 0;}
.btn-modalClose:hover{background-position:0 bottom;}
.slide{position:relative; height:100%; overflow:hidden;}
.slide .swiper-slide{text-align:center;}
.slide .swiper-slide img{height:100%; width:auto; text-align:center;}
.slide .swiper-slide img.landscape {height:auto; width:100%; text-align:center;}
.slide .swiper-slide.landscape img{width:100%; height:auto;}
.brochure-modal .btn-swiper{position:absolute; top:50%; z-index:2; width:19px; height:38px; overflow:hidden; margin-top:-19px; text-indent:-9999px; cursor:pointer;}
.brochure-modal .btn-prev{left:40px; background:url(../img/btn_slide.png) no-repeat 0 top;z-index:999}
.brochure-modal .btn-prev:hover{background-position:0 bottom;}
.brochure-modal .btn-prev.swiper-button-disabled{cursor:default; background-position:0 top;}
.brochure-modal .btn-next{right:40px; background:url(../img/btn_slide.png) no-repeat right top;z-index:999}
.brochure-modal .btn-next:hover{background-position:right bottom;}
.brochure-modal .btn-next.swiper-button-disabled{cursor:default; background-position:right top;}
.info-section{position:fixed; left:0; z-index:10; display:none; width:100%; height:60px; box-sizing:border-box; padding:0 40px; line-height:60px; background:rgba(0, 0, 0, .8);}
.brochure-info{top:0;}
.brochure-info span{float:left; margin:0 20px 0 0; padding:0 23px 0 0; font-size:20px; color:#b0b0b0; background:url(../img/blt_gt.png) no-repeat right center;}
.brochure-info span.active{margin:0; padding:0; color:#fff; background:0;color:#b0b0b0;}
.info-section.paging{bottom:0; text-align:center;}
.info-section.paging select{width:64px; height:25px;}
.modal-con{position:relative; /*width:100%;*/ height:100%;}
.modal-con .vod{text-align:center;}
.modal-con .vod video{height:390px;}

.bgcolor {font-weight:bold; font-size:14pt;}


.imgContainer 		  	{ position: absolute; width:150px; height:200px; cursor:pointer;}
.imgContainer .selImg   { border:2px solid red; background-color:blue; position: relative; width:150px; height:200px; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }

.imgControl 			{ position: absolute; width:150px; height:auto; cursor:pointer;}
.imgControl .delImg		{ position: relative; width:150px;  height:40px; left:112px; background:url(../img/btn_modalClose2.png) 0px -35px no-repeat}


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

}

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

}

@media all and (min-width: 769px) {
	
	header .mheader { display: none;}
	header .mheader_blank { height: auto; width: auto; background-color: transparent;}
	
	.wrap .container .containerwrap{ padding-left:220px;}
	.wrap .container .containerwrap nav{ left: 0; top: 52px; box-shadow: none;}
	.wrap .container .containerwrap nav >  ul{ margin-top: 15px; }
	
	header .area{ position:relative;left:auto;top:auto; margin: 0 auto;}
	header .area:after { display:block;visibility:hidden;clear:both;height:0;content:'.';}
	header .area h1{display:block;float:left;}
	
	.lnb .global {display:none;}
	
	.section { padding-top:15px;} 
}

@media all and (min-width: 769px) and (max-width: 1439px) {
	
	.locaition { display:block; height:45px; padding:0 19px; color:#3c3c3c; line-height:44px; background-color: #fff; border: 1px solid #3c3952;}
	.locaition i.home { display:inline-block; width:15px; height:14px; margin:-2px 0 0 3px; vertical-align:middle; background:url('../img/location_home.png') no-repeat;}
	
	.wrap .container .containerwrap nav{width:210px;}
	
	
	ul.listR li{width:50%;float:left;margin-top: 5px;}
	ul.listR li:first-child { margin-top: 5px; }
	ul.listR li:nth-of-type(2n){padding-left: 0px;}
	ul.listR li:nth-of-type(2n+1){padding-right: 0px;}
	
	ul.listR li a{min-height:135px;}
	ul.listR li a.line3{min-height:78px;}
	ul.listR li a.line5{min-height:135px;}
	ul.listR li a.line7{min-height:150px;}
	ul.listR li a p{position: absolute;
    right: 7px;
    top: 7px;
    width: 60px;
    height: 30px;
    border: 1px solid #8f8ca7;
    text-align: center;
    line-height: 2;}
	
	ul.list li{width:100%;float:left;margin-top:10px;}
	ul.list li a.big_card {min-height:125px;}
	ul.list li:first-child { margin-top: 10px;}
	
	ul.list li:nth-of-type(2n){padding-left: 0px;}
	ul.list li:nth-of-type(2n+1){padding-right: 0px;}
	ul.list li a.big{min-height: 110px;}
}

@media all and (min-width: 1440px) {
	
	header .area{    width: 1000px;    margin: 0 auto;}
	
	.wrap .container { width: 1000px; margin: 0 auto; }
	.wrap .container .containerwrap{ float: left; width: 1000px;padding-left:0px;}
	.wrap .container .containerwrap nav{ position:relative;left:auto;top:auto;margin-top: 35px;width:210px;}
	
	.section { float: right; width: 770px; padding-bottom: 40px;}	
	
	.lnb h2{ display:block; height: 63px; border: 1px solid #6e677b; color: #3c3952; visibility: hidden;}
	.wrap .container .containerwrap nav >  ul{ margin-top: 0px; }
}

@media screen and (orientation: portrait){
  .detail-wrap .brochure-list{padding:0 10px;}
  .brochure-list .img{width:135px; height:auto;}
  
  .imgContainer 		  { position: absolute; width:135px; height:200px; cursor:pointer;}
  .imgContainer .selImg   { border:2px solid red; background-color:blue; position: relative; width:135px; height:200px; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }

  .imgControl 			{ position: absolute; width:135px; height:auto; cursor:pointer;}
  .imgControl .delImg	{ position: relative; width:135px;  height:40px; left:96px; background:url(../img/btn_modalClose2.png) 0px -35px no-repeat}

  .brochure-list li img{width:100%; height:auto; min-height:200px;}

  .brochure-list li span{width:135px;}

  .brochure-modal .btn-prev{left:20px;}
  .brochure-modal .btn-next{right:20px;}
  .slide .swiper-slide img{height:100%; width:auto; text-align:center;}  
  .slide .swiper-slide img.landscape{height:auto; width:100%; text-align:center;}
}

@media screen and (max-width:767px) {
.button {
    display: inline-block;
    min-width: 73px;
    height: 33px;
    margin-left: 1px;
    padding: 0 12px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    border:1px solid #df1a23;
    background-color:#d63535;
    border-radius: 3px;
    float:right; 
    margin-top:3px;
}

  br.mobile{display:block;}
  .brochure-body{background:#535457;}
  .brochure-wrap{overflow:hidden;}
  .brochure-wrap footer{padding:13px 0; background:#535457;}
  .brochure-wrap footer address,
  .brochure-wrap footer a,
  .brochure-wrap footer p{margin:0; padding:0; font-size:10px; color:#f0f0f0 !important; line-height:1.5;}

  .content-section{width:100%; min-height:auto; border:0;}
  .brochure-nav{display:none;}
  .mobile-nav{display:block; padding:15px 15px 0;}
  .mobile-nav select{width:100%; height:34px; border:2px solid #ff5959;}
  .brochure-section{position:relative; margin:0; padding:10px 15px 15px;}
  .favorite-wrap{margin:0 0 25px; padding:10px 30px; min-height:220px}
  .favorite-list .img{height:auto; margin:0 0 10px;}
  .favorite-list .img:hover{border:1px solid #ff5959;}
  .favorite-list .img:hover img{margin:0;}
  .favorite-list .img img{width:100%;}
  .favorite-list .btn-swiper{width:10px; height:15px; background-size:100% auto;}
  .favorite-list .btn-prev{left:10px;}
  .favorite-list .btn-next{right:10px;}
  .bbs-latest h2{padding:0 0 7px 20px; font-size:15px; background-size:12px auto;}
  .bbs-latest li{padding:10px 0;}
  .bbs-latest li:last-child{padding-bottom:10px;}
  .bbs-latest .btn-reflesh{top:0;}
  .bbs-latest .txt{width:100%;}
  .bbs-latest .date{display:none;}
	
  .brochure-loc{height:40px; margin:0 0 15px; padding:0 10px; line-height:35px;}
  .brochure-loc span{margin:3px 10px 0 0; padding:0 13px 0 0; font-size:16px; background-size:4px auto; color:#b0b0b0;}
  .brochure-loc span img{width:16px;}
  .brochure-loc .select-wrap{top:55px; left:0; width:200px;}
  .select-wrap select{width:96%; height:34px; margin-top:-3px; margin-left:-35px;}
  .btn-favorite{right:54px; width:20px; height:17px; background-size:100% auto; background-position:0 -36px;}
  .btn-favorite:hover{background-position:0 -18px;}
  .info-section{height:45px; padding:0 15px; line-height:40px;}
  /*.info-section span{display:none;}*/
  .info-section span.active{display:block; font-size:16px;}
  .brochure-info .btn-util{margin:0 45px 0 0;}
  .brochure-info .btn-mail{width:23px; height:18px; margin:10px 10px 0 0; background-size:100% auto;}
  .brochure-info .btn-favorite{width:23px; height:21px; margin:8px 0 0; background-size:100% auto;}
	

  
  .list-wrap{padding:0; min-height:300px;}
  .brochure-list li{width:47.5%; margin:0 0 22px;}
  .brochure-list li:nth-child(odd){float:left;}
  .brochure-list li:nth-child(even){float:right;}
  .brochure-list li span{width:100%; font-size:14px;}
  .brochure-list a:hover .img{border:1px solid #ff5959;}
  .brochure-list a:hover .img img{margin:0;}
  .brochure-list .img{width:100%; height:auto; margin:0 0 10px;}
  
  .imgContainer 			{ position: absolute; width:100%; height:auto; cursor:pointer;}  
  .imgContainer .selImg   	{ border:2px solid red; background-color:blue; position: relative; width:48%; height:200px; line-height:250px; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }
  
  .imgControl 			{ position: absolute; width:100%; height:auto; cursor:pointer;}
  .imgControl .delImg	{ position: relative; width:100%;  height:auto; left:96px; background:url(../img/btn_modalClose2.png) 0px -35px no-repeat}
  
  .brochure-list .img img{width:100%;}

  .brochure-loc+.detail-wrap{padding-top:35px;}
  .detail-wrap h2{margin:0 0 15px; padding:0 0 7px 20px; font-size:15px; background-size:12px auto;}
  .detail-wrap .brochure-list{padding:0;}

  .slide{margin:0 25px;}
  .slide .swiper-slide img{width:100%; height:auto;}
  .brochure-modal .btn-swiper{top:50%; width:10px; height:19px; margin:0; background-size:20px auto;}
  .brochure-modal .btn-prev{left:5px;}
  .brochure-modal .btn-next{right:5px;}
  .brochure-modal .btn-mail{float:left; width:36px; height:29px; overflow:hidden; margin:9px 5px 0 0; text-indent:-9999px; background:url(../img/btn_mail.png) no-repeat;}
  .brochure-modal .btn-favorite{width:38px; height:36px; margin:4px -15px 0 10px; background:url(../img/blt_favorite.png) no-repeat 0 bottom;}
  .brochure-modal .btn-favorite.active{background-position:0 0;}
  .brochure-modal .btn-wish{float:left; width:50px; height:38px; overflow:hidden; margin:2px 20px 0 0; text-indent:-9999px; background:url(../img/cart.png) no-repeat;}
  .brochure-modal .btn-call{float:left; width:36px; height:36px; overflow:hidden; margin:5px 12px 0 0; text-indent:-9999px; background:url(../img/calendar.png) no-repeat; background-size:36px;}
  
  .btn-modalClose{top:10px; right:10px; width:20px; height:20px; background:url(../img/btn_modalClose.png) no-repeat 0 0; background-size:100% auto;}
  .btn-modalClose img{display:none;}
  .modal-con .vod{text-align:center;}
  .modal-con .vod video{width:90%; height:auto;}
  
	.page-tabs {
		padding: 0;
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
	.page-tabs button {
		width: calc(25% - 6px);
		margin: 0 3px 8px 3px;
		padding: 0 3px;
	}
	.page-tabs button:nth-child(4n+1) {
		margin-left: 0;
	}
	.page-tabs button:nth-child(4n) {
		margin-right: 0;
	}
	.page-tabs.align-left {
		justify-content: flex-start;
	}
	.page-tabs.half-fit {
		justify-content: space-between;
	}
	.page-tabs.half-fit button {
		width: calc(50% - 6px);
		margin: 0;
	}
	.page-tabs.fit button:nth-child(2n+1) {
		margin-left: 0;
	}
	.page-tabs.fit button:nth-child(2n) {
		margin-right: 0;
	}
} /* @media screen and (max-width:767px) End. */

/* (210202, 김영도) Tab 추가로 인한 css */
.page-tabs {
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-content: flex-start;
}

.page-tabs button {
	min-width: 120px;
	padding: 0 15px;
	height: 37px;
	background-color: #b6c3cc;
	color: #fff;
	font-size: 15px;
	border: 0;
	border-radius: 3px;
	margin-right: 8px;
}

.page-tabs button.active {
	background-color: #80c342;
}