@charset "utf-8";

@import url('fonts.css');
@import url('reset.css');
@import url('layout.css');

@media all and (max-width:1190px) {
	.panel_type03 .rd3_pn2 .row_fluid,
	.panel_type03 .rd3_pn2 .row_fluid > .col {
		display: block;
	}

		.panel_type03 .rd3_pn2 .row_fluid > .col {
			padding-bottom: 16px
		}

			.panel_type03 .rd3_pn2 .row_fluid > .col:last-child {
				padding-bottom: 0
			}

	.panel_type03 .rd3_pn2 .int_row.wide .label_col {
		margin-top: 0
	}
}

/*DashBoard Bar Chart를 위한 선언 */
@media (max-width:1400px) {
	.CRMDash_Bar_Area {
		overflow-x: scroll
	}
}

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


	.zoom {
		border-bottom:1px solid #d2d2d2;
	}
	
	#header {
		border-bottom: 1px solid #ddd
	}

		#header .fix_inner {
			position: relative;
			z-index: 101
		}

		#header .total_menu {
			display: none;
			position: fixed;
			left: 0px;
			top: 0;
			z-index: 100;
			width: 100%;
			height: 100%;
			overflow-y: auto;
		}

			#header .total_menu .inner {
				margin-top: 65px;
				background-color: #fff;
			}

			#header .total_menu .nav > li > a {
				position: relative;
				display: block;
				font-size: 18px;
				color: #111;
				font-weight: 700;
				padding: 0 25px;
				border-bottom: 1px solid #ddd;
				line-height: 57px;
			}

				#header .total_menu .nav > li > a:after {
					display: block;
					content: '';
					width: 13px;
					height: 8px;
					background: url(../images/sp_nav.png) no-repeat 0 0 / 13px auto;
					position: absolute;
					top: 50%;
					right: 25px;
					margin-top: -4px;
				}

			#header .total_menu .nav > li.on > a:after {
				background-position: 0 -8px;
			}

			#header .total_menu .sub_depth ul {
				padding: 6px 0
			}

	.total_menu .close {
		position: absolute;
		top: 7px;
		left: 0;
		z-index: 11;
		display: block
	}

	.close {
		position: relative;
		width: 50px;
		height: 50px;
	}

		.close:before,
		.close:after {
			display: block;
			content: '';
			position: absolute;
			top: 15px;
			left: 24px;
			height: 24px;
			border-left: 1px solid #fff;
		}

		.close:before {
			transform: rotate(-45deg);
		}

		.close:after {
			transform: rotate(45deg);
		}

	.tab {
		display: table;
		width: 100%;
		padding: 0 4px;
		box-sizing: border-box
	}

		.tab > li {
			display: table-cell;
		}

			.tab > li > a {
				display: block;
				padding: 18px 10px
			}

	.search_detail .tab > li {
		width: 33.333%
	}

	.row_fluid .switch {
		margin-right: 15px
	}

	.tab_panel {
		padding-top: 22px
	}

	.panel {
		padding: 0 14px
	}

	.form_type01 > .cell {
		padding: 5px 0
	}

		.form_type01 > .cell.has_btn {
			text-align: center
		}

			.form_type01 > .cell.has_btn .btns {
				width: 116px
			}

	.panel_type03 .rd3_pn2 .row_fluid > .col {
		padding-bottom: 10px
	}

	.class_list > li {
		margin-bottom: 20px;
	}

	.board_area {
		padding: 0 14px
	}

	.footer_info .col:first-child {
		display: none
	}

	.footer_info .col.addr {
		width: 100%
	}

	.etc_link {
		padding: 0 14px
	}

		.etc_link > li {
			width: 33.333%
		}

			.etc_link > li > a {
				display: block;
				text-align: center
			}

	.int_row.wide,
	.int_row.wide .label,
	.int_row.wide .label_col {
		display: block;
	}

		.int_row.wide .label_col {
			margin-top: 10px
		}

	.panel_type01 .row_fluid,
	.panel_type01 .row_fluid .col {
		display: block;
	}

		.panel_type01 .row_fluid .col.w1 {
			margin-bottom: 10px
		}

	.contents {
		padding: 0 13px 0px;
	}
		/*padding: 0 13px 60px*/
		.contents.pt01 {
			padding-top: 60px
		}

	.row_fluid.has_email .sel .select {
		padding-left: 8px;
	}

	.chatting_wrap {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 1000;
		top: 0;
		left: 0;
	}

	table.mo {
		display: table
	}

	table tr.mo {
		display: table-row
	}

	table td.mo,
	table th.mo {
		display: table-cell
	}

	table col.mo {
		display: table-column
	}

	table colgroup.mo {
		display: table-column-group
	}

	.service_wrap .grp .tbl_area.has_2 .tbl:not(:first-child) {
		border-top: 0;
		margin-top: -1px
	}

	/*.quick{display: block;position: fixed;top:auto !important;bottom:5px !important;right: 5px;z-index: 1000;width: 60px;}*/
	/*.quick{display: block;position: absolute;top: 100%;right: 5px;z-index: 100;}*/

	.main_search_result .tbl_view .w3 {
		width: 74px;
	}

	.map_wrap .tbl_view th {
		width: 80px;
	}

	.main_search_result .tbl_view th,
	.main_search_result .tbl_view td,
	.map_wrap .tbl_view th,
	.map_wrap .tbl_view td {
		font-size: 12px;
	}

	.main_search_result .tbl_view td {
		padding: 4px;
	}

	.notice_box {
		font-size: 14px;
	}

	.cnt_box {
		font-size: 14px;
		width: 100%;
	}

		.cnt_box .page {
			text-align: right
		}

	.company_tit img {
		width: 48px
	}
}

@media all and (max-width:480px) {
	.layer_wrap .iframe_area {
		padding-bottom: 100%;
	}
}

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


	#header .user {
		display: inline-block;
		padding: 7px 12px;
		position: absolute;
		top: 50%;
		right: 100px;
		color: #fff;
		font-size: 13px;
		background-color: #2a3c52;
		border-radius: 30px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-sand-transform: translateY(-50%);
		transform: translateY(-50%);
	}


	#header .office_nm {
		display: inline-block;
		padding: 7px 12px;
		position: absolute;
		top: 50%;
		right: 215px;
		color: black;
		font-size: 13px;
		width:20%;
		border-radius: 30px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-sand-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.pc {
		display: block
	}
	/*add twkim*/
	.imp_pc {
		display: table !important
	}

	.mo {
		display: none
	}

	.fix_inner,
	#header.active .total_menu .inner,
	.contents {
		position: relative;
		max-width: 1400px;
		margin: 0 auto;
	}

	.contents {
		padding-bottom: 20px;
		top: 20%;
		height: 100%;
		position: relative
	}
		/*padding-bottom: 100px;*/
		.contents.pt01 {
			padding-top: 50px;
		}
		/*padding-top: 100px;*/
		.contents.pt02 {
			padding-top: 35px;
		}

		.contents:after {
			display: block;
			content: '';
			clear: both
		}

		.contents .left_area {
			float: left;
			width: 240px;
			padding: 0;
			box-sizing: border-box;
		}

			.contents .left_area .inner {
				border-bottom: 1px solid #d2d2d2;
				padding: 20px;
				background-color: #fff
			}

				.contents .left_area .inner .row:last-child {
					margin-bottom: 0
				}

				.contents .left_area .inner:last-child {
					border-bottom: 0
				}

			.contents .left_area .search_form {
				margin-bottom: 20px;
				border: 1px solid #d2d2d2;
				border-radius: 5px
			}

				.contents .left_area .search_form .btns.radius.type1 {
					margin-top: 10px;
					line-height: 48px;
				}

		.contents .right_area {
			padding-top: 0;
			margin-left: 280px;
		}

	.search_list .tit {
		font-size: 16px;
		padding: 14px 0 16px;
	}

	.search_list .int {
		padding-left: 10px;
		height: 51px;
		font-weight: 300
	}

	.auto_list {
		max-height: 150px
	}

		.auto_list li {
			font-size: 16px;
			font-weight: 300;
			color: #666;
			padding: 14px 10px 15px;
		}

	/*	#wrap .wrap_in{padding-top:90px}*/

	.sub_visual {
		position: relative;
		display: table;
		width: 100%;
		height: 269px;
		background: #f1f1f1 url(../images/cont/sub_visual.png) no-repeat 50% 0 / cover;
		text-align: center
	}

		.sub_visual .inner {
			display: table-cell;
			vertical-align: middle;
			text-align: center
		}

			.sub_visual .inner img {
				max-width: 100%
			}

	#header {
		position: relative;
	}

		#header .inner {
			height: 90px;
			padding: 0 25px;
			padding-top: 25px;
			text-align: left
		}

		#header.sub {
			background-color: #fff;
		}

	.lnb {
		display: block;
		font-size: 0;
		white-space: nowrap;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-sand-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

		.lnb:after {
			display: block;
			content: '';
			clear: both;
		}

		.lnb > li {
			position: relative;
			display: inline-block
		}

			.lnb > li:after {
				position: absolute;
				top: 50%;
				right: -2px;
				margin-top: -2px;
				display: block;
				content: '';
				width: 5px;
				height: 5px;
				background-color: #fff;
				opacity: 0.3;
				border-radius: 100%
			}

			.lnb > li > a {
				display: block;
				font-size: 18px;
				font-weight: 700;
				color: black;
				padding: 0 20px;
				transition: padding 0.2s, color 0.1s;
			}

				.lnb > li > a span {
					position: relative
				}

					.lnb > li > a span:before {
						display: block;
						content: '';
						width: 100%;
						height: 3px;
						padding: 0 7px;
						background-color: #2c91be;
						position: absolute;
						bottom: -11px;
						left: 50%;
						opacity: 0;
						transition: opacity 0.3s;
						-webkit-transform: translateX(-50%);
						-moz-transform: translateX(-50%);
						-o-transform: translateX(-50%);
						-ms-transform: translateX(-50%);
						-sand-transform: translateX(-50%);
						transform: translateX(-50%);
					}
						.lnb > li:last-child:after {
							display: none
						}

	#header.active .inner {
		border-bottom-color: #dbdbdb
	}

	.lnb .depth {
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 2;
		display: none;
		padding-bottom: 20px
	}

		.lnb .depth .sub_in {
			padding-top: 55px;
		}

		.lnb .depth .sub_in_last {
			padding-top: 60px !important; 
		}		

		.lnb .depth a {
			font-size: 15px;
			color: #838383;
			display: block;
			padding: 6px 0 7px;
			text-align: center
		}

		.lnb .depth li {
			padding-bottom: 5px
		}

			.lnb .depth li:hover a {
				color: #2c91be;
				font-weight: 800
			}

	#navi_bg {
		position: absolute;
		top: 0;
		width: 100%;
		height: 240px;
		background: #fff;
		display: none
	}

	#header.sub .lnb > li:hover > a,
	#header.sub .lnb > li.on > a,
	.lnb > li.on > a,
	#header.active .lnb > li:hover > a {
		color: #3e537c !important;
	}

		.lnb > li.on > a span:before,
		.lnb > li:hover > a span:before {
			opacity: 1
		}

	#header.active .lnb > li > a,
	#header.sub .lnb > li > a {
		color: #2c2929
	}

	#header.sub .lnb > li:after {
		background-color: #2c2929
	}

	#header.active #hamberger,
	#header.sub #hamberger {
		border: 2px solid rgba(44,41,41,0.25)
	}


	#hamberger {
		top: 20px;
		right: 35px;
		width: 48px;
		height: 48px;
		border-radius: 100%;
		border: 2px solid black;
		box-sizing: border-box
	}

		#hamberger .btn_total {
			width: 16px;
			top: 14px;
			margin-left: -8px;
		}

			#hamberger .btn_total:before {
				top: 7px;
				width: 11px;
				margin-left: 5px;
			}

			#hamberger .btn_total:after {
				top: 14px;
				width: 16px;
			}

		#header.sub #hamberger.show .btn_total,
		#hamberger.show .btn_total {
			background: transparent;
			width: 22px;
		}

			#hamberger.show .btn_total:before {
				top: 7px;
				width: 16px;
				transform: rotate(45deg);
				margin-left: 0
			}

			#hamberger.show .btn_total:after {
				top: 7px;
				transform: rotate(-45deg);
			}

	.main_visual {
		min-height: 250px;
		height: 740px;
		background-image: url(../images/main_visual.png);
	}

		.main_visual .inner {
			padding-bottom: 27px;
		}

		.main_visual .visual_title {
			padding: 28px 0 12px;
			font-size: 72px;
			margin-bottom: 31px;
		}

	.search_zone {
		max-width: 421px;
		padding-right: 50px;
		border-width: 4px;
		border-radius: 5px;
	}

		.search_zone input[type='text'] {
			padding: 0 0 0 22px;
			height: 42px;
			font-size: 18px;
		}

	.btn_search {
		width: 52px;
		height: 52px;
		background: url(../images/icn_search.png) no-repeat 50% 50% / 23px 23px;
	}

	.main_visual .search_zone {
		max-width: 571px
	}

		.main_visual .search_zone input[type='text'] {
			height: 52px;
		}

	.tab_area {
		padding-top: 12px;
	}

	.tab > li {
		float: left;
		width: 33.333%;
		display: table;
	}

		.tab > li > a {
			display: table-cell;
			height: 81px;
			font-size: 18px;
		}

		.tab > li.on > a:after {
			height: 3px;
		}

	.tab.col_2 {
		max-width: 360px;
	}

		.tab.col_2 > li {
			width: 50%;
		}

	.tab.col_4 {
		max-width: 720px;
	}

		.tab.col_4 > li {
			width: 25%;
		}

	.tab_panel .panel {
		padding: 50px 0
	}

	.form_type01 .btns.radius {
		min-width: 150px
	}

	.form_type01 .switch {
		margin-right: 30px
	}

	.form_type01 .label {
		font-size: 16px;
	}

	.title01 {
		font-size: 40px;
	}

	.title02 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.title03 {
		font-size: 22px;
		margin-bottom: 17px;
	}

		.title03 .date {
			font-size: 18px;
		}

	.text01 {
		font-size: 16px;
	}

	.text02 {
		font-size: 16px;
		margin-bottom: 19px;
	}

	.switch_label {
		width: 125px;
		font-size: 16px;
		line-height: 50px;
	}

		.switch_label:last-of-type {
			margin-left: -20px;
		}

	.form_type01 .switch {
		margin-right: 48px
	}

	.panel_type02 .form_type01 {
		width: 87%;
		margin: 0 auto
	}

	.panel_type02 .switch_label {
		width: 215px;
	}

	.panel_type02 .tit {
		min-width: 130px;
		box-sizing: border-box
	}

	.panel_type03 .form_type01 {
		width: 90%;
		margin: 0 auto 20px
	}

		.panel_type03 .form_type01:last-of-type {
			margin-bottom: 0
		}

	.panel_type03 .switch_label {
		width: 195px;
	}

	.panel_type03 .tit {
		box-sizing: border-box
	}

	.more:before {
		width: 14px;
		height: 2px;
	}

	.more:after {
		width: 2px;
		height: 14px;
	}

	.class_area {
		padding-top: 51px;
		overflow: hidden
	}

	.class_list_wrap {
		padding: 38px 0 119px;
	}

	.class_list {
		margin: 0 -25px 0;
	}

		.class_list > li {
			width: 25%;
			padding: 0 25px;
		}

			.class_list > li .thumb {
				margin-bottom: 12px;
				border-radius: 13px;
				overflow: hidden
			}

				.class_list > li .thumb img {
					transform: scale(1);
					transition: transform .3s cubic-bezier(.165,.84,.44,1);
				}

			.class_list > li:hover .thumb img {
				transform: scale(1.1);
			}

			.class_list > li:hover .tit {
				text-decoration: underline
			}

			.class_list > li .tit {
				font-size: 18px;
				margin-bottom: 6px;
			}

			.class_list > li p {
				font-size: 16px;
			}

	.class_list_wrap .more {
		font-size: 16px;
		padding-right: 24px;
		top: -20px;
		right: 15px;
	}

		.class_list_wrap .more:after {
			right: 6px
		}

	.board_area {
		padding-bottom: 86px;
		overflow: hidden
	}

		.board_area .col {
			width: 50%;
		}

			.board_area .col:first-child {
				padding-right: 30px;
			}

			.board_area .col:last-child {
				padding-left: 30px;
			}

		.board_area .box {
			padding: 26px 0;
		}

		.board_area li {
			margin: 7px 0;
			font-size: 16px;
		}

			.board_area li .date {
				margin-right: 30px;
			}

			.board_area li .date,
			.board_area li > a {
				padding: 4px 0;
			}

			.board_area li > a {
				max-width: 75%;
			}

		.board_area .more {
			top: 26px;
			right: -5px;
		}

	/*
	.quick{display: block;position: absolute;top: 100%;right: 50%;z-index: 10;width: 60px;margin-right: -868px;}
	.quick.fixed{position: fixed;top: 110px !important;}
	.quick.fixed.btm{position: absolute;top: auto !important;bottom: 396px;}
	.quick li{margin-bottom: 10px;}
	.quick a,
	.quick button{position:relative;display: block;width: 60px;height:60px;background-color: #2b3c4e;border-radius: 100%;background-color: #2b3c4e;box-sizing: border-box;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
		box-shadow:  0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	}
	.quick .online:before,
	.quick .chat:before,
	.quick .top:before{display: block;content: '';position: absolute;top:50%;left:50%;width:29px;height:32px;margin:-16px 0 0 -15px;background:url(../images/sp_quick.png) no-repeat -5px -5px;}
	.quick .chat:before{width:30px;height:26px;margin:-13px 0 0 -15px;background-position: -44px -5px;}
	.quick .top{padding-top: 15px;background-color: #fff;border: 1px solid #d2d2d2;text-align: center;font-size: 14px;font-weight: 700;color: #111}
	.quick .top:before{position: relative;top:auto;left:auto;width:9px;height:5px;margin: 0 auto 6px;background-position: -84px -5px;}
	*/
	.quick {
		display: block; /*position: absolute;top: 100%;right: 50px;z-index: 10;width: 60px;*/
		right: 50px;
		bottom: 10px;
	}

		.quick a,
		.quick button {
			width: 60px;
			height: 60px;
		}

		.quick .top {
			padding-top: 15px;
		}

			.quick .top:before {
				margin: 0 auto 6px;
			}

	.close {
		position: relative;
		width: 52px;
		height: 52px;
	}

		.close:before,
		.close:after {
			display: block;
			content: '';
			position: absolute;
			top: 16px;
			left: 24px;
			height: 24px;
			border-left: 2px solid #fff;
		}

		.close:before {
			transform: rotate(-45deg);
		}

		.close:after {
			transform: rotate(45deg);
		}

	.select,
	.int,
	.textarea {
		height: 50px;
		padding-left: 19px;
		font-size: 16px;
	}

		.select.type1,
		.int.type1 {
			height: 40px;
			padding-left: 10px;
		}

		.textarea.type1 {
			padding: 10px 10px;
		}

	.btns.icon {
		width: 40px;
		height: 20px;
	}

	.btns.radius {
		padding: 14px 20px;
		font-size: 16px;
	}

		.btns.radius.type1 {
			line-height: 38px;
			padding-top: 0;
			padding-bottom: 0
		}

		.btns.radius.type3 {
			font-size: 15px;
			padding: 7px 19px 6px;
		}

		.btns.radius.type4 {
			padding: 11px 9px;
		}

		.btns.radius.type5 {
			padding: 14px 0 15px;
			font-weight: 400
		}

		.btns.radius.type6 {
			width: 200px;
			line-height: 48px;
		}

	.int_row > .label {
		padding-right: 15px;
		letter-spacing: -0.05em
	}

	.int_row > .label_col + .label_col {
		padding-left: 15px
	}

	#footer {
		padding-bottom: 60px;
	}

	.footer_info {
		margin-bottom: 17px;
		padding: 70px 0 72px;
	}

	#footer .company {
		font-size: 18px;
	}

	#footer address,
	#footer .copy,
	.etc_link > li > a,
	#footer .menu .depth > li > a {
		font-size: 16px;
	}

	#footer address,
	#footer .copy {
		line-height: 1.75
	}

	.etc_link > li {
		float: left;
		margin-right: 64px
	}

	.row_fluid .col.w1 {
		width: 1px;
	}


	.layer_wrap .layer_tit {
		min-height: 60px;
		padding: 16px 30px 17px;
	}
	/*TWKIM alert �߰�*/
	.alert_cont .inner {
		font-size: 16px;
	}
	/*TWKIM alert �߰�*/
	.alert_type .btn_w {
		padding: 25px 0;
	}
	/*TWKIM alert �߰�*/

	.layer_wrap .tit_area {
		padding: 23px 30px 0;
		min-height: 70px;
	}

		.layer_wrap .tit_area .tit {
			font-size: 18px;
		}

		.layer_wrap .tit_area .date {
			margin-right: 20px;
		}

	.layer_wrap .cont_area {
		padding: 27px 30px 40px;
		font-size: 16px;
	}

	.layer_wrap .close {
		top: 15px;
	}

	#outside_write_pop .layer_wrap {
		max-width: 410px;
	}

	#outside_present_pop .layer_wrap,
	#view_pop .layer_wrap {
		max-width: 810px;
	}

	#container_no_pop .layer_wrap {
		max-width: 1300px;
	}

	.chat_layer {
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 100%;
		margin: 0
	}

		.chat_layer .textarea {
			padding-top: 13px
		}

		.chat_layer .tit_area {
			padding: 23px 0 24px 30px;
		}

			.chat_layer .tit_area .title {
				font-size: 18px;
			}

		.chat_layer .close {
			top: 7px;
			right: 12px;
		}

		.chat_layer .chat_area {
			padding: 97px 30px 146px;
		}

			.chat_layer .chat_area .info {
				margin-bottom: 28px;
				font-size: 16px;
			}

		.chat_layer .msg_row .msg p {
			padding: 9px 18px 11px;
			font-size: 16px;
			line-height: 1.6;
			margin-bottom: 10px;
		}

		.chat_layer .msg_row {
			padding-left: 62px;
			margin-bottom: 25px;
		}

		.chat_layer .enter_area {
			padding: 34px 20px;
		}

			.chat_layer .enter_area .inner {
				padding-right: 130px
			}

			.chat_layer .enter_area .btns.radius {
				min-width: 120px
			}

		.chat_layer .msg_row .name {
			font-size: 15px;
			margin-bottom: 7px;
		}

	.tbl_write th,
	.tbl_write td {
		height: 40px;
		padding: 10px 0;
		font-size: 16px;
	}

	.tbl_write th {
		;
		width: 76px;
		padding-right: 5px;
	}

	.tbl_write .textarea {
		height: 210px;
		padding: 15px 19px
	}

	.tbl_write th:not(:first-of-type) {
		padding-right: 20px;
		width: 100px;
	}

	.tbl_write .sel_two .select {
		width: 33.333%;
		margin-right: 6px
	}

	.tbl_write th,
	.tbl_write td {
		height: 40px;
		padding: 10px 0;
		font-size: 16px;
	}

	.tbl_write th {
		;
		width: 76px;
		padding-right: 5px;
	}

	.tbl_write .textarea {
		height: 210px;
		padding: 15px 19px
	}

	.tbl_write th:not(:first-of-type) {
		padding-right: 20px;
		width: 100px;
	}

	.tbl_write .sel_two .select {
		width: 33.333%;
		margin-right: 6px
	}

	/* twkim - 20200416 CRMList(거래처 검색 팝업) 레이어 팝업 추가 */
	.tbl_write03 th,
	.tbl_write03 td {
		height: 40px;
		padding: 10px 0;
		font-size: 16px;
	}

	.tbl_write03 th {
		;
		width: 76px;
		padding-right: 5px;
	}

	.tbl_write03 .textarea {
		height: 210px;
		padding: 15px 19px
	}

	.tbl_write03 th:not(:first-of-type) {
		padding-right: 20px;
		width: 100px;
	}

	.tbl_write03 .sel_two .select {
		width: 33.333%;
		margin-right: 6px
	}
	/* end - 20200416 CRMList(거래처 검색 팝업) 레이어 팝업 추가 */


	.file_list {
		padding: 3px 12px;
		margin-bottom: 10px
	}

		.file_list li {
			font-size: 16px;
			padding-right: 20px
		}

			.file_list li .close {
				top: 0px;
			}

	.file_box .btn_file {
		width: 110px;
		height: 40px;
	}

	.file_box .file_text {
		margin-left: 120px;
		min-height: 40px;
	}

	.file_box .file_text,
	.file_box .btn_file {
		font-size: 16px;
		padding-top: 7px
	}

	.row_fluid.has_email .etc {
		padding: 0 10px
	}

	.row_fluid.has_email .sel {
		padding: 0 20px 0 10px;
		width: 40%
	}

	.btn_center {
		padding-top: 30px
	}

		.btn_center.pt1 {
			padding-top: 40px
		}

		.btn_center .btns {
			margin: 0 5px
		}

	.sub_visual {
		min-height: 150px;
		height: 150px;
		background-image: url(../images/cont/sub_visual01.png)
	}

		.sub_visual .inner {
			padding-bottom: 3px
		}

		.sub_visual .visual_title {
			padding: 0 0 0;
			font-size: 45px;
			font-weight: 500
		}

			.sub_visual .visual_title:before {
				height: 107px;
				top: 50%;
				margin-top: 2px;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-sand-transform: translateY(-50%);
				transform: translateY(-50%);
			}

		.sub_visual#visual03 {
			background-image: url(../images/cont/sub_visual03.png);
		}

		.sub_visual#visual04 {
			background-image: url(../images/cont/sub_visual04.png);
		}

	.tab.snb_tab > li > a {
		padding: 0 14px 14px;
		height: 53px;
		letter-spacing: -0.06em;
	}

	.tab.snb_tab > li.pc {
		display: table
	}

	.ready {
		font-size: 18px;
		padding: 106px 0;
		font-weight: 500
	}

	.company_tit {
		font-size: 35px;
		margin: 90px 0 100px;
	}

		.company_tit img {
			margin-bottom: 5px;
		}

	.count_list > li {
		width: 25%;
		border-right: 1px solid rgba(255,255,255,0.2);
		margin-bottom: 302px
	}

		.count_list > li .cnt {
			font-size: 35px
		}

		.count_list > li .tit {
			font-size: 15px;
			margin-bottom: 14px;
		}

		.count_list > li .inner {
			height: 178px
		}

			.count_list > li .inner:before {
				background-size: 55px auto;
				width: 56px;
				height: 34px;
				background-position: 50% 0;
				margin-bottom: 7px
			}

		.count_list > li:nth-child(2) .inner:before {
			background-position: 50% -34px;
		}

		.count_list > li:nth-child(3) .inner:before {
			background-position: 50% -68px;
		}

		.count_list > li:nth-child(4) .inner:before {
			background-position: 50% -101px;
		}

	.organ_w {
		padding: 110px 0;
	}

		.organ_w .branch {
			padding: 15px 0;
			width: 220px;
			font-size: 16px;
			margin: 0 auto 171px;
			border-radius: 5px
		}

			.organ_w .branch:before {
				height: 240px;
			}

		.organ_w .organ_dep01 {
			margin: 0 -65px;
		}

			.organ_w .organ_dep01 > li {
				padding: 0 65px;
			}

		.organ_w .division {
			padding: 14px 0;
			font-size: 16px;
			border-radius: 5px;
		}

		.organ_w .organ_dep02 > li {
			padding: 14px 0;
			font-size: 16px;
		}

	.service_wrap {
		padding: 100px 0;
	}

		.service_wrap .grp {
			margin-bottom: 101px;
		}

			.service_wrap .grp:after,
			.service_wrap .grp.item05 .tbl_area:after {
				display: block;
				content: '';
				clear: both
			}

			.service_wrap .grp .text_area,
			.service_wrap .grp .tbl_area {
				float: left;
				width: 50%;
				box-sizing: border-box
			}

			.service_wrap .grp .text_area {
				padding-top: 48px;
			}

			.service_wrap .grp:nth-child(odd) .text_area {
				padding-right: 80px
			}

			.service_wrap .grp:nth-child(even) .text_area {
				float: right;
				padding-left: 80px
			}

		.service_wrap .title {
			font-size: 50px;
			margin-bottom: 10px;
		}

		.service_wrap .text {
			font-size: 20px;
		}

			.service_wrap .text .point {
				font-size: 25px;
				margin-top: 3px;
			}

		.service_wrap .tbl {
			border-top-width: 3px
		}

			.service_wrap .tbl th,
			.service_wrap .tbl td {
				height: 60px;
				font-size: 14px;
			}

		.service_wrap .item04 .title {
			font-size: 44px;
		}

		.service_wrap .tbl .sm {
			font-size: 12px
		}

		.service_wrap .grp.item05 .tbl_area {
			width: 100%;
		}

			.service_wrap .grp.item05 .tbl_area .tbl {
				float: left;
				width: 50%;
				margin-left: -1px
			}

		.service_wrap .tbl img:not(.flag) {
			max-width: 160px;
			width: 100%
		}

		.service_wrap .item05 .title {
			font-size: 24px;
			margin-bottom: 18px;
		}

		.service_wrap .link_box {
			font-size: 20px;
		}

			.service_wrap .link_box a {
				font-size: 25px;
				background-size: 28px 28px;
				padding-right: 42px;
			}

			.service_wrap .link_box p {
				margin-bottom: 6px;
			}

	.board_wrap {
		padding-bottom: 50px
	}
	/* padding-bottom: 100px */
	.board_option .select {
		width: 260px
	}

	.tbl_type01 th,
	.tbl_type01 td {
		height: 50px;
		font-size: 15px;
	}

		.tbl_type01 td .file {
			height: 17px
		}

	.tbl_type01 .w2 {
		width: 15%
	}

	.tbl_type01 .w3 {
		width: 9%
	}

	.tbl_type01 .w5 {
		width: 13%
	}

	.tbl_type01 .w3.t2 {
		width: 10%
	}

	.tbl_type01 td .file.type1 {
		height: 21px
	}

	.tbl_type01.overflow {
		padding-top: 50px; /*height: 428px;*/
		border-bottom: 1px solid #d2d2d2;
		border-right: 1px solid #d2d2d2;
		border-left: 1px solid #d2d2d2;
	}

		.tbl_type01.overflow td {
			height: 62px;
		}

		.tbl_type01.overflow .overflow_in {
			height: 378px;
		}

		.tbl_type01.overflow table thead tr.mo {
			display: none;
		}

		.tbl_type01.overflow.type2 {
			padding-top: 50px;
		}

		.tbl_type01.overflow.type3 {
			padding-top: 50px;
		}

	.tbl_type01 .btns.radius.type3 {
		padding-left: 0;
		padding-right: 0;
		max-width: 90px;
		width: 80%;
		white-space: nowrap;
	}

	/* [start] twkim 20200414 - CRM LIST 등록 건으로 tbl_type02를 만듬. HP_CRMList */

	.tbl_type02 th,
	.tbl_type02 td {
		height: 50px;
		font-size: 16px;
		padding: 0 10px
	}

		.tbl_type02 td .file {
			height: 17px
		}

	.tbl_type02 .w2 {
		width: 15%
	}

	.tbl_type02 .w3 {
		width: 9%
	}

	.tbl_type02 .w5 {
		width: 13%
	}

	.tbl_type02 .w3.t2 {
		width: 10%
	}

	.tbl_type02 td .file.type1 {
		height: 21px
	}

	.tbl_type02.overflow {
		padding-top: 50px; /*height: 428px;*/
		border-bottom: 1px solid #d2d2d2;
		border-right: 1px solid #d2d2d2;
		border-left: 1px solid #d2d2d2;
	}

		.tbl_type02.overflow td {
			height: 62px;
		}

		.tbl_type02.overflow .overflow_in {
			height: 378px;
		}

		.tbl_type02.overflow table thead tr.mo {
			display: none;
		}

		.tbl_type02.overflow.type2 {
			padding-top: 50px;
		}

		.tbl_type02.overflow.type3 {
			padding-top: 50px;
		}

	.tbl_type02 .btns.radius.type3 {
		padding-left: 0;
		padding-right: 0;
		max-width: 90px;
		width: 80%;
		white-space: nowrap;
	}

	/* [end] twkim 20200414 - CRM LIST 등록 건으로 tbl_type02를 만듬. HP_CRMList */


	.board_bottom {
		position: relative;
		padding-top: 50px;
		margin-top: 20px
	}

		.board_bottom .select.view_num {
			position: absolute;
			top: 0;
			left: 0;
			width: 150px;
		}

		.board_bottom .search_area {
			position: absolute;
			top: 0;
			right: 0;
			width: 370px;
			padding: 0 80px 0 120px;
			margin-top: 0;
			box-sizing: border-box
		}

			.board_bottom .search_area .select {
				width: 110px
			}

			.board_bottom .search_area .btns {
				padding: 0;
				line-height: 38px;
				width: 70px;
			}

	.search_option {
		padding-bottom: 10px;
		margin-top: -10px;
		position: relative
	}

		.search_option .select.view_num {
			width: 150px;
			position: relative;
			top: 0;
			left: 0;
		}

		.search_option .search_area {
			position: absolute;
			top: 0;
			right: 0;
			width: 370px;
			padding: 0 80px 0 120px;
			margin-top: 0;
			box-sizing: border-box
		}

			.search_option .search_area .select {
				width: 110px
			}

			.search_option .search_area .btns {
				padding: 0;
				line-height: 38px;
				width: 70px;
			}

	.base_paging {
		margin-top: 0;
	}

		.base_paging a.page {
			width: 40px;
			height: 40px;
		}

		.base_paging .number a,
		.base_paging .number .on {
			min-width: 40px;
			line-height: 40px;
			font-size: 16px;
		}

		.base_paging a.page {
			background-position: 0 50%
		}

			.base_paging a.page.prev {
				background-position: -35px 50%
			}

			.base_paging a.page.next {
				background-position: -67px 50%
			}

			.base_paging a.page.last {
				background-position: -100px 50%
			}

	table.pc {
		display: table
	}

	table tr.pc {
		display: table-row
	}

	table td.pc,
	table th.pc {
		display: table-cell
	}

	table col.pc {
		display: table-column
	}

	table colgroup.pc {
		display: table-column-group
	}

	.tbl_view th,
	.tbl_view td,
	.layer_zone .tbl_view th,
	.layer_zone .tbl_view td {
		font-size: 16px;
		height: 50px;
	}

	.tbl_view .w1 {
		width: 11%
	}

	.tbl_view .w2 {
		width: 40%
	}

	.tbl_view .w3 {
		width: 120px
	}

	.tbl_view .w4 {
		width: 25%
	}
	/*Twkim 추가 20190219*/
	.tbl_view.has_2 th {
		width: 120px
	}

	.tbl_view td .scroll {
		height: 150px;
	}
	/*Twkim : height:254px*/

	.dashboard_wrap {
		padding-top: 140px;
	}

		.dashboard_wrap .search_row {
			font-size: 0;
			text-align: center;
			margin-bottom: 10px;
		}

			.dashboard_wrap .search_row .row {
				display: inline-block;
				padding: 0 5px;
				vertical-align: top
			}

			.dashboard_wrap .search_row .btn_shape {
				width: 70px;
			}

			.dashboard_wrap .search_row .int_box {
				width: 160px;
			}

			.dashboard_wrap .search_row .btns.radius.type1 {
				width: 100px;
				padding: 0
			}

			.dashboard_wrap .search_row .select {
				width: 140px;
			}

			.dashboard_wrap .search_row .fluid.col_2_1 .col {
				width: auto
			}

	.pie_graph .cell {
		font-size: 16px;
		height: 118px
	}

	.pie_graph .cnt {
		font-size: 34px;
		margin-top: 5px;
	}

	.pie_graph .graph {
		padding: 14px;
	}

	.bar_graph .text {
		font-size: 16px;
	}

		.bar_graph .text .cnt {
			margin-top: 6px;
			font-size: 34px
		}

	.int_box .int.type1 + .btns {
		height: 40px;
	}

	.ui-widget.int_box .ui-autocomplete-input {
		padding-left: 10px
	}

	.graph_area { /*margin-bottom: 80px;*/
		text-align: center;
	}
	/*twkim margin-bottom: 80px;*/
	.graph_tbl:after,
	.graph_area:after {
		display: block;
		content: '';
		clear: both
	}

	.graph_area .col.left {
		width: 33.33%;
		display: inline-block;
	}

	.graph_tbl {
		margin-bottom: 96px;
	}

		.graph_tbl .col {
			box-sizing: border-box
		}

			.graph_tbl .col.left {
				float: left;
				width: 38.57%
			}

			.graph_tbl .col.right {
				float: right;
				width: 58.57%
			}

	.dashboard_wrap .tit_area.pb1 {
		padding-bottom: 0
	}

	.terms_area,
	.terms_area .tit {
		font-size: 16px;
		line-height: 1.8;
	}

	.terms_area {
		padding: 62px 0 0
	}

		.terms_area .tit {
			margin-bottom: 2px
		}

		.terms_area .grp {
			margin-bottom: 24px;
		}

		.terms_area .title {
			font-size: 18px;
			margin-bottom: 15px;
			margin-top: 15px
		}

		.terms_area .title2 {
			font-size: 20px;
			margin-bottom: 20px;
		}

	.login_form {
		max-width: 530px;
		margin: 16px auto 0;
		padding: 40px;
		box-sizing: border-box
	}

	.subtitle {
		font-size: 20px;
	}

	.security_char {
		display: table;
		width: 100%
	}

		.security_char .tit,
		.security_char .inner {
			display: table-cell
		}

		.security_char .tit {
			border-right: 1px solid #e5e5e5;
			vertical-align: middle;
			padding: 0;
			text-align: center;
			width: 110px
		}

		.security_char .inner {
			font-size: 13px;
			color: #aaa;
			padding: 13px 15px
		}

			.security_char .inner .box {
				width: 100%;
				padding-right: 75px;
				box-sizing: border-box;
				position: relative;
				margin-top: 9px;
				margin-bottom: 9px;
			}
		/*width:83%*/
		.security_char .box .btns.radius {
			position: absolute;
			top: 0;
			right: 0;
		}

		.security_char .character {
			border-radius: 2px;
			margin-top: 0
		}

	.btn_more {
		width: 50px;
		height: 50px;
	}

	.tbl_write02 th,
	.tbl_write02 td {
		font-size: 16px;
		height: 50px;
	}

	.tbl_write02 th {
		width: 110px
	}

	.map_wrap {
		padding-bottom: 25px
	}

	.auto_list.type1 {
		top: 50px;
	}

	.tbl_view td.yn_fluid .col {
		height: 50px;
	}

	.tbl_view.has_2 th {
		width: 100px
	}

	.map_wrap .tbl_view th {
		width: 140px;
	}

	.main_search_result .tbl_view table.pc,
	.main_search_result .tbl_view table tr.pc,
	.main_search_result .tbl_view table td.pc,
	.main_search_result .tbl_view table th.pc,
	.main_search_result .tbl_view table col.pc,
	.main_search_result .tbl_view table colgroup.pc {
		display: none
	}

	.main_search_result .tbl_view table.mo {
		display: table
	}

	.main_search_result .tbl_view table tr.mo {
		display: table-row
	}

	.main_search_result .tbl_view table td.mo,
	.main_search_result .tbl_view table th.mo {
		display: table-cell
	}

	.main_search_result .tbl_view table col.mo {
		display: table-column
	}

	.main_search_result .tbl_view table colgroup.mo {
		display: table-column-group
	}

	.tbl_view.type2.overflow {
		padding-top: 50px;
	}

		.tbl_view.type2.overflow.height .overflow_in {
			height: 50px
		}

		.tbl_view.type2.overflow.height1 .overflow_in {
			height: 102px
		}

		.tbl_view.type2.overflow.height2 .overflow_in {
			height: 153px
		}

		.tbl_view.type2.overflow table thead tr.mo {
			display: none;
		}

	.tbl_type01 .w7 {
		width: 16%;
	}

	.tbl_type01 .w1.t1 {
		width: 12%;
	}

	.no_data {
		font-size: 16px;
		padding: 56px 0;
	}

	/* twkim CRM 등록 추가 */
	.CRMList_TableArea {
		max-width: 1100px;
		max-height: 900px;
		padding-top: 50px;
		margin-bottom: 0
	}

	.CRMList_Table {
	}

	.tbl_type04 {
		float: left;
		margin-left: -1px;
	}


	.btn_order .img {
		margin-left: 5%;
		width: 9px;
		height: 5px;
		background: url(../images/cont/icn_bull2.png) no-repeat 0 0;
		cursor: pointer
	}

	.btn_order .on {
		color: #f27824;
	}

	.btn_order .on {
		background-position: 0 -5px;
	}

	.btn_order .img.on.desc {
		transform: rotate(180deg);
	}

	.layer_wrap {
		max-width: 600px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-sand-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.span_table {
		display: table-row;
	}

	.span_table2 {
		display: table;
	}

	.span_table .row {
		display: table-cell;
	}

	.clear_table {
		width: 50% !important;
		float: left;
	}


	.span_table .tb td:last-child {
		border-right-style: none;
	}



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

		#header .logo > a {
			background: url(/Images/logo.png) no-repeat 10% 50% / 200px 38px;
		}

		.lnb.right {
			right: 14px
		}

		.btn_intranet {
			right: 14px;
		}
		/*.lnb > li{margin-right: 34px;transition: margin 0.3s}*/
		#header.active .fix_inner {
			padding-left: 14px;
		}

		.tab_panel .panel,
		.class_area,
		.board_area,
		.footer_info,
		.etc_link {
			padding-left: 14px;
			padding-right: 14px
		}

		.form_type01 .cell.w1 .row_fluid .col:first-child {
			width: 1px
		}

		.form_type01 > .cell {
			padding: 8px 0
		}

			.form_type01 > .cell.has_btn {
				text-align: center
			}

				.form_type01 > .cell.has_btn .btns {
					width: 116px
				}

		.class_list {
			margin: 0 -10px
		}

			.class_list > li {
				padding: 0 10px;
			}

		.board_area .col:first-child {
			padding-right: 25px;
		}

		.board_area .col:last-child {
			padding-left: 25px;
		}

		.board_area li > a {
			max-width: 60%;
		}

		.panel_type02 .form_type01,
		.panel_type03 .form_type01 {
			width: 100%;
		}

		.contents {
			padding-left: 15px;
			padding-right: 15px
		}
	}

	@media all and (min-width:960px) {

		.tblFst td:last-child {
			border-right-style: none
		}
	}

	@media all and (min-width:1000px) {
	}
	@media all and (min-width:1200px) {
		#header .inner {
			padding-left: 50px;
			padding-right: 50px;
		}

		.lnb > li > a {
			padding: 0 46px;
			font-size: 23px;
		}

		.form_type01 {
			display: table;
			width: 100%
		}

		.form_type01 > .cell {
			display: table-cell;
			vertical-align: middle;
		}

		.form_type01 > .cell.w2 {
			width: 23.5%;
			padding-left: 31px;
			box-sizing: border-box
		}

		.form_type01 > .cell.w3 {
			width: 150px;
			padding-left: 15px
		}

		.form_type01 > .cell.w4 {
			width: 1px;
		}

		.form_type01 > .cell.w5 {
			width: 45%;
		}

		.int_row > .label_col.w1 {
			width: 110px;
		}

		.panel_type03 .rd3_pn2 .label_col {
			padding-right: 10px
		}

		.board_bottom {
			padding-top: 0
		}

		.base_paging {
			margin-top: 20px;
		}

		.layer_wrap .iframe_area {
			padding-bottom: 64%
		}

		.panel_type01 .form_type01 .cell {
			padding-bottom: 66px;
		}
	}

	@media all and (min-width:1400px) {
		.tbl_view.has_2 {
			overflow: hidden
		}

		.tbl_view.half {
			width: 49%;
			float: left;
		}

		.tbl_view.half2 {
			width: 49%;
			float: left;
			margin-left: 18px;
		}
			.tbl_view.has_2:after {
				display: block;
				content: '';
				clear: both
			}

			.tbl_view.has_2 table {
				width: 49.5%;
				float: left;
			}

				.tbl_view.has_2 table:first-child td {
					border-right: 0
				}

			.tbl_view.has_2 th {
				width: 120px
			}

		.main_search_result .tbl_view table.pc {
			display: table
		}

		.main_search_result .tbl_view table tr.pc {
			display: table-row
		}

		.main_search_result .tbl_view table td.pc,
		.main_search_result .tbl_view table th.pc {
			display: table-cell
		}

		.main_search_result .tbl_view table col.pc {
			display: table-column
		}

		.main_search_result .tbl_view table colgroup.pc {
			display: table-column-group
		}

		.main_search_result .tbl_view table.mo,
		.main_search_result .tbl_view table tr.mo,
		.main_search_result .tbl_view table td.mo,
		.main_search_result .tbl_view table th.mo,
		.main_search_result .tbl_view table col.mo,
		.main_search_result .tbl_view table colgroup.mo {
			display: none
		}
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.check label:before {
			background: url(../images/cont/chk_pc.png);
		}

		.check input:checked + label:before {
			background-position: 0 -15px;
		}
	}