/* Author:HtmlCoder
 * Author URI:http://hom2box.com
 * Author e-mail:homebox78@gmail.com
 * Version:1.0.1
 * Created:October 2016
 * License URI:http://hom2box.com/
 * http://html.fwpolice.com/css/ css 정렬 사이트
 * http://www.cleancss.com/css-minify/ css 압축 사이트
 */
/* ----------------------------------- Common Customer Group ----------------------------------- */

/* 공통 - 버튼, 폰트, 색상 등등 */
*::selection {background:#32ad76; color:#fff;text-shadow:none;}
*::-moz-selection {background:#32ad76; color:#fff;text-shadow:none;}

a.link {
	color: #f54a0e
}

a.link:hover {
	color: #e23e04;
	text-decoration: underline;
}

a.link.newWd:after {
	padding-left: 5px;
	font-size: 12px;
	font-family: "FontAwesome";
	content: "\f08e";
}
.form-inline .input-group {
	background:#999;
	overflow:hidden;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

.btn {
	/* border-radius: 0; */
	letter-spacing:0 !important;
}

.btn-b {
	background: #3675c7 !important;
}
.btn-g {
	background: #0db79a !important;
}
.btn-down {
	display: inline-block;
	border:1px solid #ccc;
	border-right:1px solid #b1b1b1;
	border-bottom:1px solid #b1b1b1;
	color:#353535;
	background:#fff;
}
.btn-down span {
	display: inline-block;
	padding: 6px 15px;
	background: #efefef;
}
.btn-down em {
	display: inline-block;
	padding: 6px 15px;
	font-style: normal;
}
.btn-down:hover, .btn-down:hover span {
	color: #fff;
	background: #32ad76;
	-webkit-transition: opacity .3s ease,background-color .3s ease, color .3s ease,background .3s ease;
	transition: opacity .3s ease,background-color .3s ease, color .3s ease,background .3s ease;
}
.btn-down:hover span {
	background: #239c66;
}
.btn_link {
	display: inline-block;
	color: #fff;
	background: #879095;
	/*padding:6px 20px;*/
}
.btn_link span {
	display: inline-block;
	padding: 6px 15px;
	background: #6e7477;
}
.btn_link em {
	display: inline-block;
	padding: 6px 15px;
	font-style: normal;
}
.btn_link:hover, .btn_link:hover span {
	color: #fff;
	background: #3fc589;
	-webkit-transition: opacity .3s ease,background-color .3s ease, color .3s ease,background .3s ease;
	transition: opacity .3s ease,background-color .3s ease, color .3s ease,background .3s ease;
}
.btn_link:hover span {
	background: #32ad76;
}
.btn-pdf {
	display:inline-block !important;
	background:#e0191e;
	padding:4px  !important;
}
.btn-pdf:hover {
	background:#c60a0e;
}
.btn-pdf:after {
	color: #fff;
	font-family: "FontAwesome";
	content: "\f1c1";
	padding: 0 4px;
	text-indent: 0;
	line-height: 1.4;
}
.btn-pdf span {
	width: 0;
	height: 0;
	display:inline-block;
	text-indent:-9999px;
}
.btn_more .bm {
	position: absolute;
	right: 25px;
	top: 20px;
	display: block;
	color: #888;
	text-indent: -9999px;
}
.btn_more .bm:after {
	float: right;
	color: #888;
	font-size: 12px;
	font-family: "FontAwesome";
	content: "\f067";
	padding: 0 4px;
	border: 1px solid #adadad;
	text-indent: 0;
	line-height: 1.4;
}
.bt_s1 {
	border-top:1px solid #cecece;
}
.bb_s1 {
	border-bottom:1px solid #cecece;
}

.h4Tit {
	color: #000;
	font-size: 150%;
	margin-bottom:10px;
	padding-left:10px;
	background: url("img/bul_h4.png") no-repeat 0 8px;
}

.h5Tit {
	color:#29A46D;
	font-size: 125%;
	margin-bottom:5px;
	font-weight:500;
	/* padding-left:15px;
	background: url("img/bul_h5.png") no-repeat 0 8px; */
}

.h5cTit {
	color: #222;
	font-size: 120%;
	padding-left: 12px;
	margin-bottom:5px;
	font-weight:500;
	background: url("img/bul_h5_2.png") no-repeat 0 10px;
}

.h5wTit {
	color:#000;
	font-size: 145%;
	margin-bottom: 12px;
	font-weight:500;
}

.h6Tit {
	color: #222;
	font-size: 110%;
	padding-left: 10px;
	margin-bottom: 10px;
	background: url("img/bul_h6.png") no-repeat 0 10px;
}

.h6cTit {
	color: #222;
	font-size: 105%;
}
.br1_s {
	border-right:1px solid #dcdee2;
}

.bl1_s {
	border-left:1px solid #dcdee2;
}

.bt1_s {
	border-top:1px solid #dcdee2;
}

.bb1_s {
	border-bottom:1px solid #dcdee2;
}

.br1_d {
	border-right:1px dotted #dcdee2;
}

.bl1_d {
	border-left:1px dotted #dcdee2;
}

.bt1_d {
	border-top:1px dotted #dcdee2;
}

.bb1_d {
	border-bottom:1px dotted #dcdee2;
}

/* 상단bg */
.navbar {
	background-repeat:no-repeat;
	background-position:50% 34px;
}
/* Navbar Slider */
/* Web */
.navbar {
	position: relative;
	z-index: 50;
	height: 165px;
	background-color: #fff;
	margin-bottom: 0;
	border-radius: 0;
	border: 0;
}

.navbar-navi {
	height: 155px;
}

.navbar .container.top,
.navbar #lnb-web .container {
	position: relative;
}

.navbar-navi .navbar-logo,
.navbar .navbar-logo {
	position: absolute;
	left: 0;
	top: 18px;
	display: block;
	width: 220px;
	text-align: center;
	/* margin-left: -135px; */
}

.navbar .header-search {
	position: absolute;
	right: 0;
	top: 24px;
}

.navbar .header-search .row .header-search-wrap {
	display:block;
	border-color: #0059ab;
	border: 1px solid #0059ab;
	-webkit-border-top-left-radius:3px !important;
	-moz-border-top-left-radius:3px !important;
	border-top-left-radius:3px !important;
	-webkit-border-bottom-left-radius:3px !important;
	-moz-border-bottom-left-radius:3px !importantx;
	border-bottom-left-radius:3px !important;
	overflow:hidden;
}
.navbar .header-search .form-control {
	border:0;
	background-color:#fff;
}
.navbar .header-search .btn {
	height:36px !important;
	padding: 4px 14px !important;
	line-height: 1.5555555 !important;
}

.navbar .header-search .input-group .form-control {
	/*border-color: #2b8eda;
	border: 2px solid #2b8eda;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;*/
}

.navbar .header-search .form-control:focus {
	border-color: #1021a1 !important;
}

.navbar .header-search .input-group .btn.btn-customer-c {
	background:#0059ab;
	border: none;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-border-top-right-radius:3px !important;
	-moz-border-top-right-radius:3px !important;
	border-top-right-radius:3px !important;
	-webkit-border-bottom-right-radius:3px !important;
	-moz-border-bottom-right-radius:3px !importantx;
	border-bottom-right-radius:3px !important;
}

.navbar .navbar-logo h1 {
	margin: 0;
	padding: 0;
}

/* Web */
.navbar #lnb-web {
	width: 100%;
	position:relative;
	top:80px;
	border-top:1px solid #eee;
}
.navbar #lnb-web .lnb-bg {
	width: 100%;
	height: 51px;
	overflow: hidden;
	background-color: #fff;
	background-image: url("./img/navbar-slider-line.png");
	background-repeat: no-repeat;
	background-position: 50% 48px;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
}

.navbar-navi #lnb-web .lnb-bg {
	background-color: #328ede;
	border: 1px solid #2882d6;
	background-image: url("img/poly.png");
	background-repeat: repeat;
	background-position: 0 0;
}

.navbar #lnb-web ul {
	padding: 0;
	margin: 0;
}

.navbar #lnb-web .lnb-web-close {
	position: absolute;
	right: 15px;
	top: 299px;
	z-index: 100;
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background-color: #4466e6;
}
/* 1차 */
.navbar #lnb-web li.navi1m-loop {
	float: left;
	margin: 0;
	padding: 0;
	/* letter-spacing: -.05em; */
}

.navbar.col5 #lnb-web li.navi1m-loop {
	width: 20%;
}

.navbar.col6 #lnb-web li.navi1m-loop {
	width: 16.6666666%;
}

.navbar.col7 #lnb-web li.navi1m-loop {
	width: 14.2857142%;
}

.navbar #lnb-web a.navi1m {
	display: block;
	color: #222;
	font-size: 125%;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	border-right: 0;
	-webkit-transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
}


.navbar-navi #lnb-web a.navi1m {
	color: #e7f5ff;
	font-size: 110%;
	border-bottom: 1px solid #2882d6;
}

.navbar #lnb-web li.navi1m-loop:last-child a.navi1m {
	border-right: 0;
}
/* 2차 */
.navbar #lnb-web .navi2m {
	padding:0;
	float:left;
	width:100%;
	overflow:hidden;
	height:380px;
	padding:3px 15px;
	margin:0;
	margin-top:1px;
	background-color:#f4f6fe;
	-webkit-transition:opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	transition:opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
}
.navbar #lnb-web .navi2m ul {
	margin:0;
	padding:0;
}
.navbar #lnb-web .navi2m li {
	float:left;
	width:100%;
	line-height:22px;
}
.navbar #lnb-web .navi2m li a {
	position:relative;
	float:none;
	display:block;
	font-size:95%;
	line-height:24px;
	text-decoration:none;
	padding-left:17px;
}
.navbar #lnb-web .navi2m li a[target="_blank"] span {
	background: url("img/icon_blank.gif") no-repeat 100% 50%;
	padding-right:18px;
}
.navbar #lnb-web .navi2m li a:after {
	font-family:"FontAwesome";
	content:"\f0da";
	position:absolute;
	top:1px;
	left:9px;
	color:#bbb;
	font-size:8px;
}
/* active */
.navbar #lnb-web li.navi1m-loop:hover a.navi1m,
.navbar #lnb-web li.navi1m-loop:focus a.navi1m,
.navbar #lnb-web li.navi1m-loop.active a.navi1m {
	color:#f26600;
	text-decoration:none;
}

.navbar #lnb-web li.navi1m-loop:hover .navi2m,
.navbar #lnb-web li.navi1m-loop:focus .navi2m,
.navbar #lnb-web li.navi1m-loop.active .navi2m {
	background-color: #fff;
}

.navbar-navi #lnb-web li.navi1m-loop:hover .navi2m,
.navbar-navi #lnb-web li.navi1m-loop:focus .navi2m,
.navbar-navi #lnb-web li.navi1m-loop.active .navi2m {
	background-color: #fff;
	background-image: url("img/poly.png");
	background-repeat: repeat;
	background-position: 0 0;
}

.navbar #lnb-web .navi2m li a:hover,
.navbar #lnb-web .navi2m li a:focus,
.navbar #lnb-web .navi2m li a.active {
	color: #fff;
	text-decoration: none;
	background-color:#32ad76;
}

.lnb-bg .lnb-bg-wrap {
	float: left;
	width:94.6%;
}

.lnb-bg .gnbAllMenu {
	float: left;
	width:5.4%;
	background: #096a2a;
	text-align: center;
}

.lnb-bg .gnbAllMenu a {
	display: block;
	color: #fff;
	font-size: 150%;
	line-height: 50px;
}


/* carousel */
.carousel {
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}

.carousel-indicators {
	bottom: 5px;
}

.carousel-indicators li {
	width: 14px;
	height: 14px;
	margin: 2px;
	border-radius: 14px;
}

.carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: 2px;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	filter: none;
}

.carousel-caption {
	top: 20%;
	left: 14%;
	right: 14%;
	bottom: auto;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 5px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);
}

.carousel-caption h2 {
	color: #fff;
	font-size: 175%;
	font-weight: 400;
	line-height: 26px;
	text-transform: uppercase;
}

.carousel-caption h2 a {
	color: #fff;
	text-decoration: none;
}

.carousel-caption p {
	opacity: .8 !important;
	filter: alpha(opacity=80) !important;
}

.big .carousel-caption h2 {
	font-size: 240%;
	line-height: 32px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.carousel-caption p {
	color: #fff;
	margin: 5px 0;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.big .carousel-caption p {
	font-size: 120%;
}

.carousel-caption a.btn-more {
	display: inline-block;
	overflow: hidden;
	height: 43px;
	margin: 0 auto;
	margin-top: 25px;
	color: #fff;
	font-size: 110%;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	background-color: #59b4de;
	background-image: url("img/poly.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 900px 215px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.carousel-caption a.btn-more:hover {
	background-color: #043b72;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.middle .carousel-indicators {
	bottom: -14px;
}

.middle .carousel-inner .carousel-caption {
	top: 8%;
}

.middle .carousel-inner .carousel-caption h2 {
	font-size: 180%;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

.middle .carousel-caption p {
	font-size: 105%;
}

.middle .carousel-caption a.btn-more {
	height: 37px;
	margin-top: 8px;
	font-size: 105%;
	padding-top: 7px;
	padding-bottom: 7px;
}



/* ------------------------------------ Layout Customer Group ------------------------------------ */

/* Layout Common */
body {
	height: 100%;
	min-height: 100%;
	overflow-x:hidden;
}

html {
	position: relative;
	height: 100%;
	min-height: 100%;
}

#sub #container {
	background:url("img/bul_line5.gif") repeat-x 0 2px;
}

#sub #container .container {
	background:url("img/bul_line_l.gif") repeat-y 15px 0;
	background-image:url(img/bul_line_l.gif), url(img/bul_line_r.gif); 
	/* background-size:1px 10px, 1px 10px; */
	background-position:15px 0, 21.2% 0; 
	background-repeat:repeat-y;
}

#customer_container {
	clear:both;
	padding-bottom: 50px;
	min-height: 680px;
	word-break: keep-all;
	/* letter-spacing:0.5px !important; */
}

.section {
	padding: 20px 0;
}

#sidebar .section {
	padding: 0 0 20px;
}


/* 서브 사이드 영역 */
.sidebar_wrap {
	width:92%;
}

.sidebar_wrap #sidebar_navi {
	margin-bottom: 20px;
	border: 1px solid #e7e7e7;
}

@media (min-width:992px) {
	#sidebar_navi {
		display:block !important;
	}
}

html[lang|=ko] .sidebar_wrap {
	/* letter-spacing: -.05em; */
}

.page-label {
	font-size:195%;
	/*line-height:72px;*/
	text-align:center;
	margin-top:0;
	margin-bottom:10px;
	padding:37px 0;
	/* background-color:#0078d7; */
	background-color:#fff;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}
.page-label i {
	position: relative;
	top: -1px;
	font-size: 90%;
	opacity: 0.9;
	filter: alpha(opacity=90);
	margin-right: 3px;
}
.sidebar_wrap .page-label.labels {
	text-align:center;
	margin-bottom:4px;
	/* -webkit-box-shadow:inset 6px 6px 0 rgba(0,0,0,.1);
	-moz-box-shadow:inset 6px 6px 0 rgba(0,0,0,.1);
	box-shadow:inset 6px 6px 0 rgba(0,0,0,.1);
	background-image:url("img/pattern.png");
	background-repeat:repeat;
	background-position:0 0;
	-webkit-border-top-left-radius:15px;
	-moz-border-top-left-radius:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:8px;
	-moz-border-top-right-radius:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-bottom-right-radius:20px;
	border-bottom-right-radius:20px; */
}
.sidebar_wrap .page-label.labels strong {
	padding: 0 2px;
	color:#000;
}
.sidebar_wrap .page-label.labels i {
	position:relative;
	top:-5px;
	cursor:pointer;
	margin-right:5px;
	padding:10px;
	color:#fff;
}
.sidebar_wrap .section .page-label {
	color:#393939;
	font-size:130%;
	line-height:22px;
	text-align:left;
	margin-top:15px;
	border-bottom:1px dotted #e5e5e5;
	background-color:transparent;
}
.page-label.small {
	font-size:130%;
	line-height:28px;
}
.sidebar_wrap .list-group {
	margin-bottom:0;
}
.sidebar_wrap .list-group-item {
	padding:0;
	border:0;
	background-color:transparent;
	border-bottom:1px dotted #eee;
}
.sidebar_wrap .list-group-item:first-child {
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.sidebar_wrap .list-group-item:last-child {
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom-width:0;
}
.sidebar_wrap .list-group-item a {
	color:#666;
	font-size:110%;
	text-decoration:none;
	display:block;
	padding:10px 8px 9px 2px;
}
.sidebar_wrap .list-group-item a[target="_blank"] span {
	background: url("img/icon_blank.gif") no-repeat 100% 50%;
	padding-right:18px;
}
.sidebar_wrap li li.list-group-item a {
	font-size:100%;
	padding:8px 8px 7px 25px;
}
.sidebar_wrap li li li.list-group-item a {
	font-size:95%;
	padding:6px 8px 5px 50px;
}
.sidebar_wrap li.list-group-item li:first-child {
	border-top:1px dotted #eee;
}
.sidebar_wrap .list-group-item:focus,
.sidebar_wrap .list-group-item:hover {
	background-color:transparent;
	border-color:#eee;
}
.sidebar_wrap .list-group-item a.active,
.sidebar_wrap .list-group-item a:hover {
	color:#2475d0;
	background-color:transparent;
}
/* 아이콘 디폴트 및 하위 없을 경우 */
.sidebar_wrap .list-group-item a:after {
	position:absolute;
	right:15px;
	top:11px;
	/*font-family:"FontAwesome";
	content:"\f096";*/
	color:#ccc;
	font-size:13px;
}
/* 아이콘 감춤 */
.sidebar_wrap li li li.list-group-item a:before,
.sidebar_wrap .list-group-item a.inon:before {
	content:none !important;
}
.sidebar_wrap li li li.list-group-item a span,
.sidebar_wrap .list-group-item a.inon span {
	padding-left:0 !important;
}
.sidebar_wrap .list-group-item .accordion-toggle:after {
	font-family:"FontAwesome";
	content:"\f196";
}
.sidebar_wrap .list-group-item.active > .accordion-toggle:after {
	font-family:"FontAwesome";
	content:"\f147";
	color:#2475d0;
}
.sidebar_wrap .list-group-item > .accordion-toggle.on:after {
	font-family:"FontAwesome";
	content:"\f152";
	color:#2475d0;
}
.sidebar_wrap li .list-group-item a:before {
	left:24px;
	top:10px;
}
.sidebar_wrap .list-group-item a span {
	padding-left:15px;
}

/* 2차 */
.sidebar_wrap #sidebar_navi > li > a {
}
.sidebar_wrap #sidebar_navi > li > a.on {
	color:#fff;
	background:#32ad76;
}
.sidebar_wrap #sidebar_navi > li > a.on:after {
	color:#fff;
}
/* 3차 */
.sidebar_wrap #sidebar_navi > li > ul {
	background:#f5f5f5;
}
.sidebar_wrap #sidebar_navi > li > ul > li > a {
	position:relative;
	font-size:95%;
	padding-left:10px;
	background:#f5f5f5;
	/*border-bottom:1px solid #ddd;*/
}
.sidebar_wrap #sidebar_navi > li > ul > li > a.on {
	color:#0770bb;
	border-bottom:0;
}
.sidebar_wrap #sidebar_navi > li > ul > li > a > span {
	padding-left:10px;
}
.sidebar_wrap #sidebar_navi > li > ul > li > a:before {
	/* content:"ㆍ"; */
	content: '';
	position: absolute;
	left:15px;
	top:50%;
	width: 2px;
	height: 2px;
	background: #333;
}
.sidebar_wrap #sidebar_navi > li > ul > li > a.on:after {
	font-family:"FontAwesome";
	content:"\f138 " !important;
}
/* 4차 */
.sidebar_wrap #sidebar_navi > li > ul > li > ul {
	background:#fff;
	width:90%;
	margin:0 auto;
	border:1px solid #e0e0e0;
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > a {
	color:#595959;
	padding-left:16px;
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > a.accordion-toggle:after {
	top:8px;
	font-family:"FontAwesome";
	content:"\f105";
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > a:before {
	/*content:"- " !important;*/
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > a.on {
	color:#0770bb;
	text-decoration:underline;
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > a.on:after {
	color:#2475d0;
}
/* 5차 */
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > ul {
	background:#f0f4fb;
	border:1px solid #d3dbec;
	width:88%;
	margin:0 auto 4% !important;
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > ul > li > a {
	position:relative;
	color:#595959;
	padding-left:14px;
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > ul > li > a span {
	padding-left:4px !important;
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > ul > li > a:after {
	top:8px;
	content:"";
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > ul > li > a:before {
	/* content:"- " !important; */
	content: '' !important;
	position: absolute;
	left:12px;
	top:50%;
	width:3px;
	height:1px;
	background:#333;
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > ul > li > a.on {
	text-decoration:underline;
}
.sidebar_wrap #sidebar_navi > li > ul > li > ul > li > ul > li > a.on:after {
	color:#595959;
}

/* 로케이션 */
.breadcrumb {
	font-size: 95%;
	padding-top:12px;
	padding-bottom: 10px;
	text-align:right;
}
/* 타이틀 */
.page-header {
	position:relative;
	font-size: 85%;
	border-bottom: 2px solid #444;
	margin-bottom:30px;
}
.page-header h3 {
	font-size:265%;
}


/* Tags List */
.tags-list {
	margin: 0;
	padding: 0;
}

.tags-list li {
	display: inline;
	margin: 0;
	padding: 0;
}

.tags-list li a {
	overflow: hidden;
	height: 34px;
	line-height: 33px;
	margin: 2px;
	float: left;
	display: block;
	color: #5c5b5b;
	padding-left: 9px;
	padding-right: 9px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.tags-list.tags-black li a {
	margin: 1px;
	color: #888;
	font-size: 85% !important;
	padding: 5px 8px;
	border-color: #4e4e4e;
	background-color: transparent;
}

.tags-list li a.active,
.tags-list li a:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #2475d0;
	background-color: #2475d0;
}


/* Search Wrap */
.search-wrap {
	margin-top: 4px;
}

.search-wrap .form-search {
	width: 100%;
	float: left;
	display: inline-block;
	color: #888;
	font-size: 95%;
	padding: 5px 10px 6px;
	border: 1px solid #eee;
	border-right-width: 0;
	background-color: transparent;
}

.search-wrap .btn-default {
	margin-left: -40px;
	width: 40px;
	float: left;
	display: inline-block;
	color: #ccc;
	border: 1px solid #eee;
	border-left-width: 0;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.search-wrap .btn-default i {
	color: #ccc;
	font-size: 85%;
}


/* Etc Navi Group */
.etc-navi-group {
	background-color: #1d2028;
}

.etc-navi-group .etc_tab ul,
.etc-navi-group .etc_navi ul {
	padding: 0;
	margin: 0;
	float: left;
	border-left: 1px solid #0d0f14;
	border-right: 1px solid #2d323c;
}

.etc-navi-group .etc_tab li,
.etc-navi-group .etc_navi li {
	float: left;
	display: inline-block;
	border-left: 1px solid #2d323c;
	border-right: 1px solid #0d0f14;
}

.etc-navi-group .etc_tab li a,
.etc-navi-group .etc_navi li a {
	color: #aaa;
	font-size: 90%;
	line-height: 34px;
	text-decoration: none;
	display: block;
	padding: 0 20px;
	-webkit-transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
}

.etc-navi-group li.none {
	border-left: 0;
	border-right: 0;
}

.etc-navi-group li.lline {
	border-left: 0;
}

.etc-navi-group .etc_tab li a:focus,
.etc-navi-group .etc_tab li a:hover,
.etc-navi-group .etc_tab li.active a {
	color: #1d2028;
	background-color: #fff;
}

.etc-navi-group .etc_navi ul {
	float: right;
	border-left: 0;
}

.etc-navi-group .etc_navi li a {
	padding: 0 6px;
}

.etc-navi-group .etc_navi li a:hover {
	color: #fff;
}

.etc-navi-group .etc_navi li.hot a {
	padding: 0 11px;
	background-color: rgba(255, 255, 255, 0.1);
}

.etc-navi-group .etc_navi li.hot a:hover {
	background-color: #000;
}

.etc-navi-group .dropdown-toggle {
	color: #fff;
	font-size: 90%;
	line-height: 34px;
}

.etc-navi-group .dropdown-menu {
	font-size: 90%;
}


/* Etc Navi Group */
.etc-navi-slider-group {
	font-size: 95%;
	height: 34px;
/*overflow:hidden;*/
	clear: both;
	background-color: #f7f8fd;
	border-bottom: 1px solid #cdced3;
}

.etc-navi-slider-group.type-dark {
	background-color: #384459;
	border-bottom: 1px solid #485468;
}

html[lang|=ko] .etc-navi-slider-group {
	letter-spacing: -.05em;
}

.etc-navi-slider-group .etc_tab ul,
.etc-navi-slider-group .etc_navi ul {
	padding: 0;
	margin: 0;
	/*float:left;*/
}

.etc-navi-slider-group .etc_tab li,
.etc-navi-slider-group .etc_navi li {
	/*float:left;*/
	display: inline-block;
}

.etc-navi-slider-group .etc_tab ul {
	border-left: 1px solid #cdced3;
}

.etc-navi-slider-group .etc_tab li {
	border-right: 1px solid #cdced3;
	margin-left: -3px;
}
.etc-navi-slider-group .etc_tab li:first-child {
	margin-left:0;
}

.etc-navi-slider-group.type-dark .etc_tab ul {
	border-left: 1px solid #368bc8;
}

.etc-navi-slider-group.type-dark .etc_tab li {
	height: 34px;
	border-right: 1px solid #368bc8;
}

.etc-navi-slider-group .etc_tab li.lang a {
	margin-left: -3px;
	color: #fff;
	background: #727272;
}

.etc-navi-slider-group .etc_tab li.lang a:hover {
	color: #f9f9f9;
	background: #626262;
}

.etc-navi-slider-group .etc_tab li.lang .dropdown-menu {
	min-width: 100px;
}

.etc-navi-slider-group .etc_tab li.lang .dropdown-menu li {
	border-right: 0;
	width: 100%;
}

.etc-navi-slider-group .etc_tab li.lang .dropdown-menu li a {
	background: #fff;
	color: #333;
	display: block;
	width: 100%;
	line-height: 18px;
	margin-left: 0;
}

.etc-navi-slider-group .etc_tab li.national a {
	margin-left: -3px;
	padding-left: 38px;
	background: #fff url("../img/bul_taegugki.gif") no-repeat 10px 50%;
}

.etc-navi-slider-group .etc_tab li a,
.etc-navi-slider-group .etc_navi li a {
	font-size: 90%;
	line-height: 33px;
	text-decoration: none;
	display: block;
	padding: 0 12px;
	-webkit-transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
}

.etc-navi-slider-group.type-dark .etc_tab li a,
.etc-navi-slider-group.type-dark .etc_navi li a {
	color: #ccc;
}

.etc-navi-slider-group.type-dark .etc_tab li a {
	color: #fff;
	line-height: 36px;
	background-color: #0770bb;
}

.etc-navi-slider-group .etc_tab li i,
.etc-navi-slider-group .etc_tab li img {
	margin-right: 4px;
}

.etc-navi-slider-group .etc_tab li i {
	position: relative;
	top: -2px;
	font-size: 140%;
	vertical-align: middle;
}

/* .etc-navi-slider-group .etc_tab li a:focus,*/
.etc-navi-slider-group .etc_tab li a:hover,
.etc-navi-slider-group .etc_tab li.active a {
	color: #1d2028;
	background-color: #fff;
	color:#fff;
	background-color:#32ad76;
	border-color:#32ad76;
}
.etc-navi-slider-group .etc_tab li+li,
.etc-navi-slider-group .etc_tab li+li a:active,
.etc-navi-slider-group .etc_tab li+li a:focus {
	background:#faeded;
}
/* .etc-navi-slider-group .etc_tab li+li a:focus, */
.etc-navi-slider-group .etc_tab li+li a:hover,
.etc-navi-slider-group .etc_tab li+li.active a {
	background:#a90000;
	background:#c30100;
}
.etc-navi-slider-group .etc_tab li+li+li,
.etc-navi-slider-group .etc_tab li+li+li a:focus,
.etc-navi-slider-group .etc_tab li+li+li a:active  {
	background:#ecf2f7;
}
/* .etc-navi-slider-group .etc_tab li+li+li a:focus, */
.etc-navi-slider-group .etc_tab li+li+li a:hover,
.etc-navi-slider-group .etc_tab li+li+li.active a {
	background:#5cbced;
}
/*.etc-navi-slider-group .etc_navi ul {
	float:right;
}
.etc-navi-slider-group .etc_navi li:last-child a {
	padding-right:0 !important;
}*/
.etc-navi-slider-group .etc_navi li.none-no a {
	background-image: none !important;
}

.etc-navi-slider-group .etc_navi li a {
	display: inline-block;
	padding: 0 12px 0 8px !important;
	background-image: url("img/etc-line.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.etc-navi-slider-group.type-dark .etc_navi li a {
	background-image: url("img/etc-line-dark.png");
}

.etc-navi-slider-group .etc_navi li a:focus,
.etc-navi-slider-group .etc_navi li a:hover,
.etc-navi-slider-group .etc_navi li a:active {
	color: #333;
}

.etc-navi-slider-group.type-dark .etc_navi li a:focus,
.etc-navi-slider-group.type-dark .etc_navi li a:hover,
.etc-navi-slider-group.type-dark .etc_navi li a:active {
	color: #fff;
}

.etc-navi-slider-group .etc_navi li.search_word {
	height:33px;
	background:#2b8eda;
}
.etc-navi-slider-group .etc_navi li.search_word a {
	color:#fff;
}

.etc-navi-slider-group .etc_navi li.twitter,
.etc-navi-slider-group .etc_navi li.facebook,
.etc-navi-slider-group .etc_navi li.blog {
	width:32px;
	height:33px;
	margin-left: -3px;
}

.etc-navi-slider-group .etc_navi li.twitter {
	background: #32ccfe;
}

.etc-navi-slider-group .etc_navi li.facebook {
	background: #3b579d;
}

.etc-navi-slider-group .etc_navi li.blog {
	background: #4faa3e;
}

.etc-navi-slider-group .etc_navi li i {
	position: relative;
	top: -1px;
	font-size: 140%;
	font-style: normal;
	vertical-align: middle;
	color: #fff;
}

.etc-navi-slider-group .etc_navi li i.fa-youtube-play {
	color: #e32f2c;
}

.etc-navi-slider-group .etc_navi-wrap .dropdown-toggle {
	font-size: 90%;
	line-height: 34px;
}

.etc-navi-slider-group.type-dark .etc_navi-wrap .dropdown-toggle {
	color: #fff;
}

.etc-navi-slider-group .etc_navi-wrap .dropdown-toggle .fa {
	margin-left: 4px;
}

.etc-navi-slider-group .etc_navi-wrap .dropdown-menu {
	font-size: 90%;
}


/* MEGAMENU STYLE */
#header .navbar {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04);
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

#t-top-menu {
	position: relative;
	padding: 0;
	background-color: #fff;
}

/* html[lang|=ko] #header {
	letter-spacing: -.05em;
} */

#cavas_menu .navbar-header {
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
}

#header .navbar-brand {
	z-index: 10;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 70px;
}

#header .navbar-brand h1 {
	font-size: 120%;
	line-height: 70px;
	margin: 0;
	padding: 0;
}

#header .navbar-brand img {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 180px;
}

#t-top-menu .dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border-top-width: 0;
	border-color: #ccc;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}

#t-top-menu .dropdown:hover > .dropdown-menu {
	display: block;
}

#t-top-menu .has-category i {
	font-size: 95%;
	opacity: .5;
	filter: alpha(opacity=50);
	margin-right: 4px;
}

#t-top-menu .caret {
	position: relative;
	top: -1px;
	opacity: .5;
	filter: alpha(opacity=50);
}

#t-top-menu .navbar-nav.megamenu {
	float: left;
}

#t-top-menu .dropdown-menu.dropdown-sub > .dropdown-menu-inner {
	padding: 10px 20px;
}

#t-top-menu .dropdown-menu.dropdown-sub > .dropdown-menu-inner ul {
	margin-top: 0;
}

#t-top-menu .dropdown-menu ul {
	margin: 5px 0;
	list-style: none;
}

#t-top-menu .dropdown-menu ul li {
	padding: 0;
	margin: 0;
	font-size: 95%;
}

#t-top-menu .dropdown-menu ul li a {
	line-height: 24px;
}

#t-top-menu .dropdown-menu ul li a:before {
	position: relative;
	top: -1px;
	content: "\f0da";
	color: #ccc;
	font-size: 75%;
	font-family: "FontAwesome";
	padding-right: 3px;
	display: inline-block;
}

#t-top-menu .dropdown-menu ul li a:hover {
	color: #2475d0;
}

#t-top-menu .dropdown-menu ul li.parent {
	position: relative;
}

#t-top-menu .dropdown-menu ul li.parent .dropdown-menu {
	position: absolute;
	right: -100%;
	top: 0;
}

#t-top-menu .dropdown-menu ul li.parent:hover > .dropdown-menu {
	display: block;
	left: 100%;
}

#t-top-menu .mega-col .mega-col-inner > ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#t-top-menu .mega-col .mega-col-inner > ul > li {
	list-style: none;
	margin-left: 0;
}

#t-top-menu .mega-col .mega-col-inner > ul > li > a {
	clear: both;
	color: #5c5b5b;
	display: block;
	line-height: 20px;
}

#t-top-menu .cols2 {
	width: 420px;
}

#t-top-menu .cols3 {
	width: 620px;
}

#t-top-menu .cols4 {
	width: 820px;
}

#t-top-menu .has-category .menu-title {
	font-size: 110%;
	margin: 0 5px;
}

.has-category .menu-title i {
	position: relative;
	top: -1px;
	vertical-align: middle;
	font-size: 90% !important;
	opacity: .5 !important;
	filter: alpha(opacity=50) !important;
	margin-right: 2px !important;
}

#cavas_menu {
	border: 0;
	margin: 0;
	background-color: #fff;
}

#cavas_menu .navbar-nav.megamenu {
/*
	border-left:1px solid #e9e9e9;
*/
}

#cavas_menu .navbar-nav > li > a {
	color: #333;
	font-size: 100%;
	font-weight: 700;
	text-transform: uppercase;
	padding: 25px 20px;
	-webkit-transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
/*
	border-right:1px solid #e9e9e9;
*/
}

#cavas_menu .navbar-nav > li:hover a.has-category,
#cavas_menu .navbar-nav > li:focus a.has-category,
#cavas_menu .navbar-nav > li.active a.has-category {
	color: #2475d0;
/*
	background-color:#2475d0;
*/
}


/* SUB MENU */
/* CANVAS MENU */
.h6.menu-title {
	margin-bottom: 10px;
}

.off-canvas body {
	position: relative;
}

.off-canvas-inactive #page,
.off-canvas-inactive #off-canvas-nav {
	-webkit-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.off-canvas-active > #page,
.off-canvas-active > #off-canvas-nav {
	-webkit-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
	-webkit-transform: translateX(234px);
	-moz-transform: translateX(234px);
	-ms-transform: translateX(234px);
	-o-transform: translateX(234px);
	transform: translateX(234px);
	display: block;
}

.off-canvas-active #page {
	position: fixed;
	margin: 0 auto;
	border-left: 1px solid #000;
}

.off-canvas-active #page::after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 2;
}

#page-container {
	position: relative;
}

#off-canvas-nav {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	z-index: 999;
}

#off-canvas-nav .nav .caret {
	display: none;
}

#off-canvas-nav .megamenu {
	float: none !important;
	padding: 0;
	padding-bottom: 20px;
	background-color: #26333f;
	border-right: 1px solid #212c37;
	-webkit-box-shadow: inset 0 2px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 2px 10px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 10px rgba(0,0,0,0.2);
}

#off-canvas-nav .megamenu .mega-cols {
	width: 100%;
	min-width: inherit;
	padding: 0;
	display: inline-block;
	margin-top: 0;
}

#off-canvas-nav .megamenu .mega-cols ul li a {
	padding: 0 10px;
}

#off-canvas-nav .dropdown-menu {
	position: relative;
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	float: none;
	padding: 0;
	margin: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 100% !important;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
}

html[lang|=ko] #off-canvas-nav .dropdown-menu {
	letter-spacing: -.05em;
}

#off-canvas-nav .dropdown-menu ul {
	margin: 0;
	padding: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 3px 55px rgba(0,0,0,0.1);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
}

#off-canvas-nav .dropdown-menu ul > li:first-child a {
	border-top: 0;
}

#off-canvas-nav .dropdown-menu > div {
	padding: 0;
}

#off-canvas-nav ul li a:hover {
	color: #2475d0;
}

#off-canvas-nav .dropdown-mega {
	padding: 0;
}

#off-canvas-nav .mega-col {
	display: block;
	width: 100%;
	position: relative;
	margin-left: 0;
}

#off-canvas-nav .nav ul li:last-child a {
	border-bottom: 0;
}
/* main navi */
#off-canvas-nav .nav > li {
	clear: both;
}

#off-canvas-nav .nav > li:first-child > a {
	border-top: 0;
}

#off-canvas-nav .nav > li > a {
	padding: 6px 0;
	line-height: 32px;
	color: #fff;
	font-size: 110%;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .2);
	background-color: #2a3744;
	border-top: 1px solid #344453;
	border-bottom: 1px solid #212c37;
	-webkit-box-shadow: inset 0 -2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 -2px 3px rgba(0,0,0,0.1);
	box-shadow: inset 0 -2px 3px rgba(0,0,0,0.1);
	-webkit-transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#off-canvas-nav .nav li .dropdown-toggle:before {
	position: absolute;
	top: 5px;
	right: 13px;
	content: "\f078";
	color: #2475d0;
	font-size: 75%;
	font-family: "FontAwesome";
	padding-right: 3px;
	display: inline-block;
}

#off-canvas-nav .nav > li > a:hover,
#off-canvas-nav .nav > li > a:focus,
#off-canvas-nav .nav > li.active > a {
	color: #fff;
	background-color: #2475d0;
}

#off-canvas-nav .nav li:hover .dropdown-toggle:before,
#off-canvas-nav .nav li:focus .dropdown-toggle:before {
	color: #fff;
}
/* sub navi */
#off-canvas-nav .nav ul a {
	display: block;
	color: #8394a3;
	font-size: 95%;
	text-decoration: none;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .2);
	border-top: 1px solid #2a3845;
	border-bottom: 1px solid #222e39;
	-webkit-transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
}

#off-canvas-nav .nav ul a:hover,
#off-canvas-nav .nav ul a:focus,
#off-canvas-nav .nav ul .active a {
	color: #fff;
	text-decoration: none;
	background-color: #2a3845;
}

#off-canvas-nav .nav ul a:hover .menu-title,
#off-canvas-nav .nav ul a:focus .menu-title,
#off-canvas-nav .nav ul .active a .menu-title {
	border-left-color: #2475d0;
}

#off-canvas-nav .offcanvas-mainnav {
	background-color: #2475d0;
	position: absolute;
	top: 0;
	left: -234px;
	width: 234px;
	overflow: hidden;
}

#off-canvas-button {
	height: 34px;
	color: #fff;
	font-size: 150%;
	text-align: right;
	line-height: 35px;
	cursor: pointer;
	padding: 0 15px;
	overflow: hidden;
	background-color: #1d2028;
	border-right: 1px solid #212c37;
}

.offcanvas-mainnav > .megamenu {
	padding: 0;
	margin: 0;
}

#off-canvas-nav .nav .menu-title {
	padding: 0 15px;
}

#off-canvas-nav .nav ul .menu-title {
	padding: 7px 24px;
	display: block;
	border-left: 3px solid transparent;
}
/* END CANVAS MENU */
.off-canvas-type .nav .open a:hover,
.off-canvas-type .nav .open a a:focus {
	background: transparent;
	text-decoration: none;
}

.off-canvas-type .navbar-toggle {
	margin-left: 0;
}

.off-canvas-type .navbar-header {
	float: none;
}

.off-canvas-type #t-top-menu {
	max-height: 100%;
}

.off-canvas-type #t-top-menu .navbar-nav {
	margin: 0;
	float: none;
}

.off-canvas-type #t-top-menu .dropdown:hover > .dropdown-menu {
	display: none;
}

.off-canvas-type #t-top-menu .dropdown.open > .dropdown-menu {
	width: 100%!important;
	overflow-x: hidden;
}

.off-canvas-type #t-top-menu .dropdown.open:hover > .dropdown-menu {
	display: block;
	left: 20px;
}

.off-canvas-type #t-top-menu .nav > li {
	border: 0;
	border-bottom: 1px solid #F3F3F3;
}

.off-canvas-type #t-top-menu .nav > li > a {
	color: #21272C;
	padding: 10px 0 10px 10px;
	background-color: transparent;
}

.off-canvas-type #t-top-menu .t-widget .menu-title {
	padding-left: 10px;
}

.off-canvas-type #t-top-menu .dropdown-menu > div.dropdown-menu-inner {
	padding: 0 0 20px 0;
}

.off-canvas-type #t-top-menu .dropdown-menu ul li a {
	padding: 8px 10px 8px 20px;
}

.off-canvas-type .max-height {
	max-height: 100%!important;
}

.off-canvas-type.navbar-default .navbar-nav > .dropdown > a .caret {
	border-bottom-color: #000;
	border-top-color: #000;
	position: absolute;
	right: 10px;
	top: 14px;
}


/* 슬라이드 레이아웃 */
.slider-layout,
#main .page-wrapper {
	background-color:#f3f3f3;
	background-image:url("img/body_bg.gif");
}
#sub .slider-layout {
	background-color:#f2eee3;
	background-image:none;
}
.slide-hb,
.slide-wrap-hb,
.slide-wrap .slide-left,
.slide-wrap .slide-right,
.slide-wrap .slide-center,
.slide-wrap .slide-left-contents,
.slide-wrap .slide-right-contents,
.slide-wrap .slide-left-hb,
.slide-wrap .slide-right-hb {
	height:1030px;
	height:970px;
}
.slide-hb {
	position:relative;
	overflow-x:hidden;
}
.slide-wrap-hb {
	position:absolute;
	left:50%;
	width:1630px;
	margin-left:-815px;
}
.slide-wrap {
	width:3470px;
	overflow:hidden;
	position:relative;
	left:-895px;
}
.slide-wrap.left2035 {
	left:-2035px;
}
.slide-wrap.left895 {
	left:-895px;
}
.slide-wrap.left245 {
	left:245px;
}
.slide-wrap .slide-left,
.slide-wrap .slide-right,
.slide-wrap .slide-center,
.slide-wrap .slide-left-contents,
.slide-wrap .slide-right-contents,
.slide-wrap .slide-left-hb,
.slide-wrap .slide-right-hb {
	position:relative;
	float:left;
}
.slide-wrap .slide-left,
.slide-wrap .slide-left-contents {
	float:right;
}
.slide-wrap .slide-mask {
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:100%;
	height:100%;
	min-height:100%;
	cursor:pointer;
	background-color:#000;
	background:rgba(0,0,0,0);
}
.slide-wrap .slide-center,
.slide-wrap .slide-left-hb,
.slide-wrap .slide-right-hb {
	width:1140px;
}
.slide-left-contents,
.slide-right-contents {
	width:78.5%;
}
.slide-wrap .slide-left,
.slide-wrap .slide-right {
	width:21.5%;
	background-color:#007bd9;
	background-image:url("img/pattern.png");
	background-repeat:repeat;
	background-position:0 0;
}
.slide-wrap-hb .slide-arr {
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:3;
	width:35px;
	height:145px;
	line-height:147px;
	top:215px;
	left:0;
	text-align:center;
	cursor:pointer;
	background-color:#fff;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-right-radius:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-box-shadow:3px 4px 0 rgba(0, 0, 0, .1);
	box-shadow:3px 4px 0 rgba(0, 0, 0, .1);
}
.slide-wrap-hb .slide-arr.active {
	display:none;
}
.slide-wrap-hb .slide-arr i {
	color:#0067b3;
	font-size:140%;
}
.slide-wrap-hb .slide-left .slide-arr {
	left:auto;
	right:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-border-top-left-radius:10px;
	-moz-border-top-left-radius:10px;
	border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	-webkit-box-shadow:-3px 4px 0 rgba(0, 0, 0, .1);
	box-shadow:-3px 4px 0 rgba(0, 0, 0, .1);
}
.slide-wrap-hb .slide-right .slide-arr i {
	color:#75bf43;
	/* color:#0067b3; */
}
.slide-wrap .slide-frame {
	padding:30px 35px;
}
.slide-center .slide-frame {
	/* padding:30px 20px; */
	padding: 30px 30px 30px 10px;
}
.slide-wrap .slide-frame div.line {
	clear:both;
	float:right;
	width:20px;
	height:240px;
	border-top:2px solid #fff;
}
.slide-wrap .slide-right div.line {
	float:left;
	margin-left:5px;
}
.slide-wrap .slide-frame div.h3 {
	color:#fff;
	font-size:200%;
	font-weight:300;
	text-shadow:0 0 2px rgba(0, 0, 0, .04);
	margin-top:25px;
	margin-bottom:25px;
}
.slide-wrap .slide-frame > div.h3 strong {
	font-weight:700;
}
.slide-wrap .slide-frame > div.text-muted {
	color:#fff;
	font-size:100%;
	line-height:21px;
	text-shadow:-1px -1px 0 rgba(0, 0, 0, .05);
	opacity:0.8;
	filter:alpha(opacity=80);
}
html[lang|=ko] .slide-wrap .slide-frame > div.h3,
html[lang|=ko] .slide-wrap .slide-frame > div.text-muted {
	letter-spacing:-.05em;
}
.slide-wrap .slide-right {
	background-color:#42A206;
	/* bbackground-color:#007bd9; */
}
.slide-left-contents .frame {
	padding:30px 35px 30px 0;
}
.slide-right-contents .frame {
	padding:30px 0 30px 35px;
}


/* 서브 상단 비쥬얼 영역 */
.sub_visual {
	/*position: relative;
	display: block;
	width: 100%;
	height: 185px;
	overflow: hidden;
	margin-bottom: 20px;*/
	background:url("../img/sub_visual.png") no-repeat 97% 60px;
}

.bg-thema {
	background-repeat: repeat;
	background-position: 0 0;
}

.bg-color1 {
	background-color: #88b1ce;
}

.bg-color2 {
	background-color: #88ceac;
}

.bg-color3 {
	background-color: #bbce88;
}

.bg-color4 {
	background-color: #cec288;
}

.bg-color5 {
	background-color: #cea688;
}

.bg-color6 {
	background-color: #9788ce;
}

.bg-thema1 {
	background-image: url("img/bg-icon.png");
}

.bg-thema2 {
	background-image: url("img/dot2.png");
}

.bg-thema3 {
	background-image: url("img/poly.png");
}

.bg-thema4 {
	background-image: url("img/pattern.png");
}

.bg-thema5 {
	background-image: url("img/bg-map.png");
}

.bg-thema6 {
	background-image: url("img/bg-paper.png");
}

.sub_visual .container {
	position: relative;
	color: #000;
	line-height: 20px;
	height: 185px;
}

.sub_visual .sub_visual_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("img/web.png");
	background-repeat: no-repeat;
	background-position: 97.4% 100%;
	background-size: 530px 160px;
}

html[lang|=ko] .sub_visual .container {
	letter-spacing: -.05em;
}

.sub_visual .container span.small {
	font-size: 85%;
	font-weight: 700;
	display: inline-block;
	margin: 40px 0 0 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.sub_visual .container span.h4 {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	padding: 10px 20px;
	margin: 10px 0 0 0;
	background-color: rgba(0, 0, 0, 0.08);
}

.sub_visual .container span.h5 {
	display: inline-block;
	color: #000;
	font-size: 110%;
	font-weight: 700;
	margin: 10px 0 0 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

html[lang|=ko] .sub_visual .container span.small {
	letter-spacing: .1em;
}

/* 하단 영역 기본테마 */
.footer_wrap {
	color:#999;
	margin-top:60px;
	background-color:#2a3744;
}
.footer_wrap {
	margin-top:0 !important;
}
.footer_link {
	background-color:#f4f7f9;
	border-top:1px solid #e5e5e5;
}
.footer_copy {
	padding:20px 0 0;
	background-color:#333;
}
.footer_copy em {
	font-style:normal;
	margin-left:10px;
}
.footer_copy .footer_email {
	color:#bbb;
	text-decoration:underline;
	margin-left:10px;
}
.footer_copy address {
	font-size:80%;
	line-height:20px;
}
.footer_copy address a {
	color:#bbb;
}
.footer_wrap .page-label {
	color:#fff;
	text-align:left;
	font-size:150%;
	text-transform:uppercase;
	margin-top:21px;
	margin-bottom:10px;
	padding-bottom:10px;
	background-color:transparent;
	border-bottom:1px solid #1c2a37;
}


/* Footer Navi */
.footer_navi a {
	vertical-align:top;
}
.footer_navi .btn {
	height:30px;
	font-size:100%;
	color:#999;
	padding:5px 8px !important;
}
.footer_navi .btn:first-child {
	padding-left:0 !important;
}
.footer_navi .btn strong {
	font-weight:400;
	color:#dd642f;
}
.footer_navi .btn:hover,
.footer_navi .btn:active,
.footer_navi .btn.hover {
	color:#fff !important;
	background-color:transparent !important;
	text-decoration:none !important;
}
.footer_navi i.fa-facebook-square {
	color:#275276;
	color:#2652b2;
	color:#2551a8;
}
.footer_navi i.fa-twitter-square {
	color:#2bd9fc;
	color:#21d1eb;
}


/* Footer Logo */
.footer_logo {
	margin-top:37px;
}
.footer_logo .footer-logo img {
	width:80%;
	max-width:180px;
	margin-bottom:4.5%;
}
.footer_logo .email_info {
	width:88%;
	font-size:90%;
	line-height:18px;
	margin:8px auto;
}
.footer_logo .btn-link {
	color:#fff;
}

/* Social Links */
ul.social-links {
	margin: 0;
	padding: 0;
}

ul.social-links li {
	display: inline-block;
	list-style: none;
}

ul.social-links li a {
	display: block;
	text-align: center;
	margin: 8px 0;
	padding: 7px 0;
	-webkit-transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	transition: opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
}

ul.social-links li a:hover {
	text-decoration: none;
	background-color: #222;
}

ul.social-links li a i {
	color: #5c5b5b;
	line-height: 30px;
	font-size: 14px;
	height: 30px;
	width: 50px;
	border: 0;
	border-left: solid 1px #eee;
}

ul.social-links li a:hover i {
	color: #fff;
	border-color: #454545;
}

ul.social-links li:first-child a i {
	border-left: none;
}


/* ----------------------------------- Contents Customer Group ----------------------------------- */

/* Ratings */
.ratings {
	padding: 0;
	direction: ltr;
	display: inline-block;
	margin: 0 3px;
}

.rating-box {
	overflow: hidden;
	position: relative;
	top: 2px;
	width: 58px;
	height: 1em;
	line-height: 1;
	font-size: 12px;
	font-family: "FontAwesome";
}

.rating-box:before {
	content: "\f005\f005\f005\f005\f005";
	color: #ddd;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.active .rating-box:before {
	color: #d4a94d;
}

.rating-box .rating {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}

.rating-box .rating:before {
	content: "\f005\f005\f005\f005\f005";
	color: #ecbd00;
	top: 0;
	position: absolute;
	left: 0;
}

.active .rating-box .rating:before {
	color: #555;
}


/* Overlay */
.recent-work-wrap {
	position: relative;
	margin: 10px 0;
}

.recent-work-wrap img {
	width: 100%;
}

.recent-work-wrap .recent-work-inner {
	position: absolute;
	bottom: 0;
	opacity: .8;
	width: 100%;
	border-radius: 0;
	margin-bottom: 0;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 100%;
	line-height: 36px;
	text-align: center;
}

.recent-work-wrap .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	vertical-align: middle;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.recent-work-wrap:hover .overlay {
	opacity: 1;
}


/* Time Line */
.timeline>li .timeline-image {
	position: absolute;
	z-index: 100;
	left: 0;
	width: 70px;
	height: 38px;
	margin-top: 5px;
	margin-left: 3px;
	color: #fff;
	font-size: 135%;
	line-height: 40px;
	text-align: center;
	font-weight: 700;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
	background-color: #5c5b5b;
}

@media (min-width:768px) {
	.timeline>li .timeline-image {
		left: 50%;
		margin-left: -38px;
	}
}

.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #eee;
	left: 50%;
	margin-left: -1.5px;
}

.timeline > li {
	margin-bottom: 20px;
	position: relative;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li > .timeline-panel {
	width: 43%;
	float: left;
	font-size: 95%;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 15px 15px 15px 10px;
	position: relative;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.timeline > li > .timeline-panel li {
	padding-left: 8px;
	position: relative;
}

.timeline > li > .timeline-panel li:after {
	color: #ccc;
	font-size: 65%;
	font-family: "FontAwesome";
	content: "\f0da";
	position: absolute;
	left: 0;
	top: 7px;
}

.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 10px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ddd;
	border-right: 0 solid #ddd;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 11px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline > li > .timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	background-color: #888;
	z-index: 100;
}

.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: #3f903f !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #5bc0de !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
}

.timeline-body > p + p {
	margin-top: 5px;
}


/* Round Primary */
.round-primary {
	height: 45px;
	line-height: 43px;
	display: block;
	margin-top: 10px;
	color: #fff;
	font-size: 140%;
	text-align: center;
	letter-spacing: -.05em;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);
	border: 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color: #ec7020;
	background-image: url("img/poly.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 900px 215px;
	-webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
}


/*  Contents Box */
.contents-box {
	width: 100%;
	height: 100%;
}

.contents-box:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	clear: both;
}

.contents-box .txt-vertical {
	padding: 0 12%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.contents-box.box-main {
	position: relative;
	width: 100%;
	height: 330px;
	margin: 0 0 20px;
	background-color: #3f5670;
	background-image: url("img/conbox_bg.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	color: #fff;
	font-size: 100%;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
	display: table;
}

.contents-box.box-main::after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	z-index: 1;
}

.contents-box.box-main .frame {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.contents-box.box-main .txt-vertical .big_text,
.contents-box.box-main .txt-vertical p {
	width: 74%;
	margin: 0 auto;
}

.contents-box.box-main .txt-vertical .big_text {
	padding-top: 15%;
	color: #fff;
	font-size: 230%;
	font-weight: 700;
	line-height: 38px;
	letter-spacing: -.1em;
}

.contents-box.box-main .txt-vertical p {
	font-size: 120%;
	padding-top: 1%;
}

html[lang|=ko] .contents-box.box-main .txt-vertical p {
	letter-spacing: -.05em;
}


/* Map Canvas */
.map_canvas {
	clear: both;
	width: 99.7%;
	margin: 0 0 25px;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #ddd;
}

.map_canvas .frame {
	height: 340px;
	overflow: hidden;
}

#map {border:1px solid #ddd; display:block;width:100%;height:500px;clear:both;}


/* ------------------------------------- Board Customer Group ------------------------------------- */

/* Board Common */
.pagetotal {
	color: #888;
	font-size: 90%;
	line-height: 32px;
}

.pagetotal strong {
	margin-left: 4px;
}

.category-wrap {
	clear: both;
	margin-bottom: 20px;
	padding: 15px;
	overflow: hidden;
	border: 1px solid #e1e0e0;
	background-color: #fdfdfd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.category-wrap ul {
	margin: 0;
}

.category-wrap li {
	display: inline;
	margin-right: 12px;
	line-height: 28px;
}

.category-wrap li a {
	color: #888;
}

.category-wrap li.total a {
	color: #ff0000;
	text-decoration: underline;
}

.category-wrap li:hover a,
.category-wrap li:active a,
.category-wrap li.active a,
.category-wrap li.on a {
	color: #000;
	text-decoration: underline;
}

.bbs_memo {
	clear:both;
	margin:25px 0 20px;
	padding:20px;
	overflow: hidden;
	word-break: break-all;
}
.bbs_memo img {max-width:100%;}

.bbs_memo p:last-child {
	margin-bottom: 0;
}

.ico {
	display: inline-block;
	width: 22px;
	height: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 60%;
}

.ico_notice {
	color: #f56954;
	font-weight: 700;
}

.ico_new {
	width: 33px;
	background-image: url("img/icon_new.png");
}

.ico_file {
	background-image: url("img/icon_file.png");
}

.ico_file_non {
	background-image: url("img/icon_file_non.png");
}

.ico_secret {
	background-image: url("img/icon_secret.png");
}

.ico_img {
	background-image: url("img/icon_gallery.png");
}

.ico_sns {
	color: #2475d0;
	font-size: 185%;
	margin-left: 5px;
}

.ico_sns:hover {
	text-decoration: none;
}

.post-date {
	color: #888;
	font-size: 90%;
	padding: 3px 10px;
	margin-right: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #f0f0f0;
}

.post-date i {
	position: relative;
	top: -1px;
	font-size: 90%;
}


/* Images overlay */
.mask-wrapper {
	max-width: 700px;
	position: relative;
	display: block;
	margin: 0 auto;
}
.mask-wrapper .lazyOwl, .mw100 {max-width:100%;}
.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden;
	-webkit-transition: opacity linear 0.2s;
	-moz-transition: opacity linear 0.2s;
	-ms-transition: opacity linear 0.2s;
	-o-transition: opacity linear 0.2s;
	transition: opacity linear 0.2s;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mask a {
	color: #fff;
}

.mask a:hover {
	color: #fff;
	text-decoration: underline;
}

.mask-wrapper:hover {
	border-color: transparent;
}

.mask-wrapper:hover .mask {
	opacity: 1;
	filter: alpha(opacity=100);
}

.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 50px 0;
	width: 50px !important;
	display: inline !important;
	border-color: transparent #2475d0 transparent transparent;
	position: absolute;
	right: 0;
	top: 0;
}

.triangle.opened {
	border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
	top: -1px;
}

.triangle i {
	position: absolute;
	top: 10px;
	left: 30px;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* Poll */
.poll-participate {
	text-align: center;
	margin-bottom: 15px;
}


/* Blog List */
.blog-img {
	margin: 0;
	display: block;
}

.blog-desc {
	margin-bottom: 45px;
}

.blog-desc .subject {
	margin-top: 8px;
	display: block;
}

.blog-desc p {
	margin-top: 8px;
	line-height: 19px;
}


/* Blog View */
html[lang|=ko] .blogpost .h4 {
	letter-spacing: -.05em;
}

.blog-post-date {
	margin-top: 5px;
	padding: 10px;
	color: #fff;
	line-height: 1;
	text-align: center;
	font-weight: 700;
	font-family: 'eng-webfont';
	background-color: #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.blog-post-date .day {
	font-size: 230%;
	display: block;
}

.blog-post-date .month {
	font-size: 90%;
	text-transform: uppercase;
}

.post-info span {
	margin: 0 10px;
}

.post-info em {
	color: #ccc;
	font-style: normal;
	margin: 0 5px;
}

.post-info span:first-child {
	margin-left: 0;
}

.post-info span i {
	margin-right: 5px;
}

.post-info a {
	color: #464646;
}

.post-info a:hover {
	text-decoration: underline;
}


/* Vod List */
.vod_wrap {
	position: relative;
	display: block;
}
.vod_wrap > div {
	height:105px;
	overflow:hidden;
}
.vod_wrap .vod_mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	overflow: hidden;
	text-indent: -9999px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-image: url("img/media_play_btn.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 29% 50%;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.vod_wrap:hover .vod_mask {
	opacity: 1;
	filter: alpha(opacity=100);
}

.vod_load {
	clear: both;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.vod_load .img-rounded {
	background-color: #333;
}

.vod_big .vod_contents {
	clear: both;
	height: 237px;
	overflow-x: hidden;
	margin: 20px 0;
	background-color: #fbfbfb;
	border: 1px solid #ddd;
}

.vod_big .vod_contents.small-hb {
	height: 165px;
}

.vod .vod_contents {
	line-height: 1.5em;
	margin-bottom: 4px;
}

.vod .vod_contents-hb {
	clear:both;
	height:85px;
	overflow:hidden;
	margin:5px 0 !important;
}

#vodList .vod_wrap img {
	height:147px !important!
}

/* @media (min-width:768px) {
	.vod .h6 {
		position: relative;
		top: -2px;
	}

	.vod .vod_contents {
		font-size: 90%;
		line-height: 1.5em;
		margin: 0 0 4px;
	}
} */


/* newsPaper List */
.newsPaper_big .h6 {
	display:block;
	color:#fff;
	padding:10px;
	font-size:120%;
	background:#0770bb;
}
.newsPaper_big .info_txt {
	margin:20px 0 0;
	font-size:95%;
}

.newsPaper_wrap {
	position: relative;
	display: block;
}
.newsPaper .thumbnail img {height:251px;}


/* Faq */
.panel-group.faq .panel {
	border: 0;
}

.panel-group.faq .panel-body .faq_a {
	padding-left: 33px;
	padding-right: 10px;
	background-image: url("img/faq_icon.png");
	background-repeat: no-repeat;
	background-position: 1px -218px;
}

.panel-group.faq .panel-default > .panel-heading {
	padding: 0;
	border: 0;
	width: 100%;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.03);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.03);
	box-shadow: 0 2px 2px rgba(0,0,0,0.03);
}

html[lang|=ko] .panel-group.faq .panel-default > .panel-heading {
	/* letter-spacing: -.05em; */
}

.panel-group.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 1px solid #ddd;
	border-top: none;
}

.panel-group.faq .panel-heading a {
	padding: 12px 35px 12px 15px;
	display: block;
	color: #393939;
	font-size: 120%;
	font-weight: 700;
	line-height: 23px;
	background-color: #fff;
	border: 1px solid #ccc;
	position: relative;
	text-decoration: none;
}

.panel-group.faq .panel-heading a.collapsed {
	color: #888;
	font-weight: 400;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
}

.panel-group.faq .panel-heading a .faq_q {
	display: block;
	padding-left: 33px;
	padding-right: 10px;
	background-image: url("img/faq_icon.png");
	background-repeat: no-repeat;
	background-position: 1px -109px;
}

.panel-group.faq .panel-heading a.collapsed .faq_q {
	background-position: 1px -10px;
}

.panel-group.faq .panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f115";
	position: absolute;
	right: 15px;
	font-size: 17px;
	font-weight: 400;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}

.panel-group.faq .panel-heading a.collapsed:after {
	font-family: "FontAwesome";
	content: "\f114";
}

.panel-group.faq .panel-heading a:hover {
	text-decoration: none;
	color: #393939;
	background-color: #fff;
	border: 1px solid #ccc;
}


/* Counsel */
.counsel {
	clear: both;
}

.counsel .counsel-a,
.counsel .counsel-q {
	padding-left: 28px;
	padding-right: 10px;
	background-image: url("img/faq_icon.png");
	background-repeat: no-repeat;
	background-position: 1px -109px;
}

.counsel .counsel-a {
	background-position: 1px -218px;
}


/* Calendar */
.table-calendar tbody td {
	vertical-align: top !important;
	padding: 0 !important;
	background-color: #fff;
}

.table-calendar tbody td .area {
	display: block;
	min-height: 90px;
	padding: 4px 7px !important;
}

/*.table-calendar tbody td.event, 
.table-calendar tbody td.event .area {
	background-color: #fffbf7;
} */

.table-calendar tbody td .area em {
	display: block;
	margin: 1px 0;
	font-style: normal;
	/* font-weight: 700; */
	font-family: 'eng-webfont';
}

.table-calendar tbody td.event .area em {
	color: #ff0000;
	color:#000;
	font-weight: 700;
}

.table-calendar tbody td.event .area div {
	margin: 5px 0 10px 0;
	font-size: 90%;
	line-height: 17px;
}

html[lang|=ko] .table-calendar tbody td.event .area div {
	letter-spacing: -.05em;
}
.table-calendar table {min-width:600px;}


/* Portfolio */
.row a,
.row.portfolio a {
	text-decoration: none;
        
}
/*2019년2월19일 김현수 클래스 css 추가*/
.banner3-menu {
 display: block;
}
/*2019년2월19일 김현수 클래스 css 추가*/
.banner2-menu:focus {
 border: 1px dotted #5c5b5b;
}
/*2019년2월19일 김현수 클래스 css 추가*/
.popup-menu {
 display: block;
}
/*2019년2월19일 김현수 클래스 css 추가*/
.popup-menu:focus {
 border: 1px dotted #5c5b5b;
}
/*2019년2월20일 김현수 클래스 css 추가*/
.menu-name {
 margin: -10px;
}

.row.portfolio .caption.auto .text-muted {overflow:hidden;height:74px;}
.row.portfolio {overflow:hidden;}
.row.portfolio a .pixArea,
.row.portfolio .pixArea {
	position: relative;
	height: 100%;
}
.row.portfolio a .pixArea .imgBook,
.row.portfolio .pixArea .imgBook {
	position:absolute;
	top:0;
	max-width: 100%;
	max-height: 100%;
	margin:0 auto;
}

@media (min-width:768px) {
	.form-inline.search-form .form-control {
		width: 100%;
		max-width: 180px;
	}

	.form-inline.search-form .btn,
	.form-inline.search-form .btn-group > .btn {
		top: -1px !important;
	}
}

/*onlinecourse */
.table-onlinecourse thead tr th {
	border-left:1px solid #c1e0d2;
}
.table-onlinecourse thead tr th:first-child {
	border-left:none;
}
.table-onlinecourse thead tr th.bt_s1 {
	border-top:1px solid #c1e0d2 !important;
}
#summaryModal .terms_overflow {
	max-height:355px;
}
.table-onlinecourse td a.h_auto {
	height:auto !important;
}

/* 게시판 리스트타입선택 */
.listType_tab a {padding:6px 4px 3px;color:#ddd;border:1px solid #d6d6d6;}
.listType_tab a.on {padding:6px 4px 3px;color:#333;border:1px solid #999;}

/* board_list_select 160311 추가*/
.check_select {
	position: absolute;
	left: 20px;
	z-index: 1;
}

/* right */
/* vod */
.promote_vod {
	height:220px;
        /*2019년1월28일 김현수 이미지파일 추가 및 변경"img_vid -> img_vid2018"*/
	background-image:url("/site/itkc/common/img/img_vod2018.png");
	background-repeat:no-repeat;
	background-position:50% 30px;
}
.promote_vod .t_con {
	font-size:1.52em;
	font-weight:300;
	color:#333;
	line-height:1.3em;
}
/* Portfolio */
.slide-right-contents .portfolio .thumbnail-wrap {
	position:relative;
}
.slide-right-contents .portfolio .caption-mask {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color:#fff;
	font-size:95%;
	text-shadow:-1px -1px 0 rgba(0, 0, 0, .1);
	padding:10px 20px;
	background-color:#333;
	background-color:rgba(0, 0, 0, .5);
	width:100%;
}
.slide-right-contents .portfolio .caption {
	padding:15px 15px 10px;
}
.slide-right-contents .portfolio .caption .btn-link {
	padding-right:3px !important;
}


/* Ribbon */
.ribbon {
	position: absolute;
	top: -3px;
	left: -3px;
	width: 150px;
	height: 150px;
	text-align: center;
	letter-spacing:-.05em;
	background-color: transparent;
}

.ribbon-inner {
	position: absolute;
	top: 16px;
	left: 0;
	display: inline-block;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 30px;
	color: #fff;
	white-space: nowrap;
	background-color: #526069;
}

.ribbon-inner .icon {
	font-size: 16px;
}

.ribbon-lg .ribbon-inner {
	height: 38px;
	font-size: 14px;
	line-height: 36px;
}

.ribbon-sm .ribbon-inner {
	height: 26px;
	font-size: 12px;
	line-height: 26px;
}

.ribbon-xs .ribbon-inner {
	height: 22px;
	font-size: 12px;
	line-height: 22px;
}

.ribbon-vertical .ribbon-inner {
	top: 0;
	left: 16px;
	width: 30px;
	height: 60px;
	padding: 15px 0;
}

.ribbon-vertical.ribbon-xs .ribbon-inner {
	width: 22px;
	height: 50px;
}

.ribbon-vertical.ribbon-sm .ribbon-inner {
	width: 26px;
	height: 55px;
}

.ribbon-vertical.ribbon-lg .ribbon-inner {
	width: 38px;
	height: 70px;
}

.ribbon-reverse {
	right: -3px;
	left: auto;
}

.ribbon-reverse .ribbon-inner {
	right: 0;
	left: auto;
}

.ribbon-reverse.ribbon-vertical .ribbon-inner {
	right: 16px;
}

.ribbon-bookmark .ribbon-inner {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ribbon-bookmark .ribbon-inner:before {
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border: 15px solid #526069;
	border-right: 10px solid transparent;
}

.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	top: 100%;
	left: 0;
	margin-top: -15px;
	border-right: 15px solid #526069;
	border-bottom: 10px solid transparent;
}

.ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before {
	margin-top: -11px;
}

.ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before {
	margin-top: -13px;
}

.ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before {
	margin-top: -19px;
}

.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	right: 100%;
	left: auto;
	border-right: 15px solid #526069;
	border-left: 10px solid transparent;
}

.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before {
	right: auto;
	left: 0;
	border-right-color: #526069;
	border-bottom-color: transparent;
	border-left: 15px solid #526069;
}

.ribbon-bookmark.ribbon-xs .ribbon-inner:before {
	border-width: 11px;
}

.ribbon-bookmark.ribbon-sm .ribbon-inner:before {
	border-width: 13px;
}

.ribbon-bookmark.ribbon-lg .ribbon-inner:before {
	border-width: 19px;
}

.ribbon-badge {
	top: -2px;
	left: -2px;
	overflow: hidden;
}

.ribbon-badge .ribbon-inner {
	left: -40px;
	width: 100%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ribbon-badge.ribbon-reverse {
	right: -2px;
	left: auto;
}

.ribbon-badge.ribbon-reverse .ribbon-inner {
	right: -40px;
	left: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ribbon-badge.ribbon-bottom {
	top: auto;
	bottom: -2px;
}

.ribbon-badge.ribbon-bottom .ribbon-inner {
	top: auto;
	bottom: 16px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ribbon-corner {
	top: 0;
	left: 0;
	overflow: hidden;
}

.ribbon-corner .ribbon-inner {
	top: 0;
	left: 0;
	width: 40px;
	height: 35px;
	padding: 0;
	line-height: 35px;
	background-color: transparent;
}

.ribbon-corner .ribbon-inner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border: 30px solid transparent;
	border-top-color: #526069;
	border-left-color: #526069;
}

.ribbon-corner.ribbon-reverse {
	right: 0;
	left: auto;
}

.ribbon-corner.ribbon-reverse .ribbon-inner {
	right: 0;
	left: auto;
}

.ribbon-corner.ribbon-reverse .ribbon-inner:before {
	right: 0;
	left: auto;
	border-right-color: #526069;
	border-left-color: transparent;
}

.ribbon-corner.ribbon-bottom {
	top: auto;
	bottom: 0;
}

.ribbon-corner.ribbon-bottom .ribbon-inner {
	top: auto;
	bottom: 0;
}

.ribbon-corner.ribbon-bottom .ribbon-inner:before {
	top: auto;
	bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #526069;
}

.ribbon-corner.ribbon-xs .ribbon-inner {
	width: 28px;
	height: 26px;
	line-height: 26px;
}

.ribbon-corner.ribbon-xs .ribbon-inner:before {
	border-width: 22px;
}

.ribbon-corner.ribbon-xs .ribbon-inner > .icon {
	font-size: 12px;
}

.ribbon-corner.ribbon-sm .ribbon-inner {
	width: 34px;
	height: 32px;
	line-height: 32px;
}

.ribbon-corner.ribbon-sm .ribbon-inner:before {
	border-width: 26px;
}

.ribbon-corner.ribbon-sm .ribbon-inner > .icon {
	font-size: 12px;
}

.ribbon-corner.ribbon-lg .ribbon-inner {
	width: 46px;
	height: 44px;
	line-height: 44px;
}

.ribbon-corner.ribbon-lg .ribbon-inner:before {
	border-width: 36px;
}

.ribbon-corner.ribbon-lg .ribbon-inner > .icon {
	font-size: 18px;
}

.ribbon-clip {
	left: -14px;
}

.ribbon-clip .ribbon-inner {
	padding-left: 23px;
	border-radius: 0 5px 5px 0;
}

.ribbon-clip .ribbon-inner:after {
	position: absolute;
	bottom: -14px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border: 7px solid transparent;
	border-top-color: #37474f;
	border-right-color: #37474f;
}

.ribbon-clip.ribbon-reverse {
	right: -14px;
	left: auto;
}

.ribbon-clip.ribbon-reverse .ribbon-inner {
	padding-right: 23px;
	padding-left: 15px;
	border-radius: 5px 0 0 5px;
}

.ribbon-clip.ribbon-reverse .ribbon-inner:after {
	right: 0;
	left: auto;
	border-right-color: transparent;
	border-left-color: #37474f;
}

.ribbon-clip.ribbon-bottom {
	top: auto;
	bottom: -3px;
}

.ribbon-clip.ribbon-bottom .ribbon-inner {
	top: auto;
	bottom: 16px;
}

.ribbon-clip.ribbon-bottom .ribbon-inner:after {
	top: -14px;
	bottom: auto;
	border-top-color: transparent;
	border-bottom-color: #37474f;
}

.ribbon-primary .ribbon-inner {
	background-color: #62a8ea;
}

.ribbon-primary.ribbon-bookmark .ribbon-inner:before {
	border-color: #62a8ea;
	border-right-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #62a8ea;
	border-left-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #62a8ea;
	border-bottom-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #62a8ea;
	border-bottom-color: transparent;
	border-left-color: #62a8ea;
}

.ribbon-primary.ribbon-corner .ribbon-inner {
	background-color: transparent;
}

.ribbon-primary.ribbon-corner .ribbon-inner:before {
	border-top-color: #62a8ea;
	border-left-color: #62a8ea;
}

.ribbon-primary.ribbon-corner.ribbon-reverse .ribbon-inner:before {
	border-right-color: #62a8ea;
	border-left-color: transparent;
}

.ribbon-primary.ribbon-corner.ribbon-bottom .ribbon-inner:before {
	border-top-color: transparent;
	border-bottom-color: #62a8ea;
}

.ribbon-primary .ribbon-inner:after {
	border-top-color: #4e97d9;
	border-right-color: #4e97d9;
}

.ribbon-primary.ribbon-reverse .ribbon-inner:after {
	border-right-color: transparent;
	border-left-color: #4e97d9;
}

.ribbon-primary.ribbon-bottom .ribbon-inner:after {
	border-top-color: transparent;
	border-bottom-color: #4e97d9;
}

.ribbon-success .ribbon-inner {
	background-color: #61b12d;
}

.ribbon-success.ribbon-bookmark .ribbon-inner:before {
	border-color: #61b12d;
	border-right-color: transparent;
}

.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #61b12d;
	border-left-color: transparent;
}

.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #61b12d;
	border-bottom-color: transparent;
}

.ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #61b12d;
	border-bottom-color: transparent;
	border-left-color: #61b12d;
}

.ribbon-success.ribbon-corner .ribbon-inner {
	background-color: transparent;
}

.ribbon-success.ribbon-corner .ribbon-inner:before {
	border-top-color: #61b12d;
	border-left-color: #61b12d;
}

.ribbon-success.ribbon-corner.ribbon-reverse .ribbon-inner:before {
	border-right-color: #61b12d;
	border-left-color: transparent;
}

.ribbon-success.ribbon-corner.ribbon-bottom .ribbon-inner:before {
	border-top-color: transparent;
	border-bottom-color: #61b12d;
}

.ribbon-success .ribbon-inner:after {
	border-top-color: #4c941d;
	border-right-color: #4c941d;
}

.ribbon-success.ribbon-reverse .ribbon-inner:after {
	border-right-color: transparent;
	border-left-color: #4c941d;
}

.ribbon-success.ribbon-bottom .ribbon-inner:after {
	border-top-color: transparent;
	border-bottom-color: #4c941d;
}

.ribbon-info .ribbon-inner {
	background-color: #57c7d4;
}

.ribbon-info.ribbon-bookmark .ribbon-inner:before {
	border-color: #57c7d4;
	border-right-color: transparent;
}

.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #57c7d4;
	border-left-color: transparent;
}

.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #57c7d4;
	border-bottom-color: transparent;
}

.ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #57c7d4;
	border-bottom-color: transparent;
	border-left-color: #57c7d4;
}

.ribbon-info.ribbon-corner .ribbon-inner {
	background-color: transparent;
}

.ribbon-info.ribbon-corner .ribbon-inner:before {
	border-top-color: #57c7d4;
	border-left-color: #57c7d4;
}

.ribbon-info.ribbon-corner.ribbon-reverse .ribbon-inner:before {
	border-right-color: #57c7d4;
	border-left-color: transparent;
}

.ribbon-info.ribbon-corner.ribbon-bottom .ribbon-inner:before {
	border-top-color: transparent;
	border-bottom-color: #57c7d4;
}

.ribbon-info .ribbon-inner:after {
	border-top-color: #47b8c6;
	border-right-color: #47b8c6;
}

.ribbon-info.ribbon-reverse .ribbon-inner:after {
	border-right-color: transparent;
	border-left-color: #47b8c6;
}

.ribbon-info.ribbon-bottom .ribbon-inner:after {
	border-top-color: transparent;
	border-bottom-color: #47b8c6;
}

.ribbon-warning .ribbon-inner {
	background-color: #f2a654;
}

.ribbon-warning.ribbon-bookmark .ribbon-inner:before {
	border-color: #f2a654;
	border-right-color: transparent;
}

.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #f2a654;
	border-left-color: transparent;
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #f2a654;
	border-bottom-color: transparent;
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #f2a654;
	border-bottom-color: transparent;
	border-left-color: #f2a654;
}

.ribbon-warning.ribbon-corner .ribbon-inner {
	background-color: transparent;
}

.ribbon-warning.ribbon-corner .ribbon-inner:before {
	border-top-color: #f2a654;
	border-left-color: #f2a654;
}

.ribbon-warning.ribbon-corner.ribbon-reverse .ribbon-inner:before {
	border-right-color: #f2a654;
	border-left-color: transparent;
}

.ribbon-warning.ribbon-corner.ribbon-bottom .ribbon-inner:before {
	border-top-color: transparent;
	border-bottom-color: #f2a654;
}

.ribbon-warning .ribbon-inner:after {
	border-top-color: #ec9940;
	border-right-color: #ec9940;
}

.ribbon-warning.ribbon-reverse .ribbon-inner:after {
	border-right-color: transparent;
	border-left-color: #ec9940;
}

.ribbon-warning.ribbon-bottom .ribbon-inner:after {
	border-top-color: transparent;
	border-bottom-color: #ec9940;
}

.ribbon-danger .ribbon-inner {
	background-color: #f96868;
}

.ribbon-danger.ribbon-bookmark .ribbon-inner:before {
	border-color: #f96868;
	border-right-color: transparent;
}

.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
	border-right-color: #f96868;
	border-left-color: transparent;
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
	border-right-color: #f96868;
	border-bottom-color: transparent;
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
	border-right-color: #f96868;
	border-bottom-color: transparent;
	border-left-color: #f96868;
}

.ribbon-danger.ribbon-corner .ribbon-inner {
	background-color: transparent;
}

.ribbon-danger.ribbon-corner .ribbon-inner:before {
	border-top-color: #f96868;
	border-left-color: #f96868;
}

.ribbon-danger.ribbon-corner.ribbon-reverse .ribbon-inner:before {
	border-right-color: #f96868;
	border-left-color: transparent;
}

.ribbon-danger.ribbon-corner.ribbon-bottom .ribbon-inner:before {
	border-top-color: transparent;
	border-bottom-color: #f96868;
}

.ribbon-danger .ribbon-inner:after {
	border-top-color: #e9595b;
	border-right-color: #e9595b;
}

.ribbon-danger.ribbon-reverse .ribbon-inner:after {
	border-right-color: transparent;
	border-left-color: #e9595b;
}

.ribbon-danger.ribbon-bottom .ribbon-inner:after {
	border-top-color: transparent;
	border-bottom-color: #e9595b;
}
/* 오른쪽고전콘텐츠라벨 */
/* 1신간도서 */ 
.bg1 .ribbon-inner{background-color:#52A71B;}
.bg1 .ribbon-inner:after {border-top-color:#4c941d;border-right-color:#4c941d;}
/* 2일성록 */ 
.bg2 .ribbon-inner{background-color:#34a281;}
.bg2 .ribbon-inner:after {border-top-color:#40b290;border-right-color:#40b290;}
/* 3고전번역총서 */ 
.bg3 .ribbon-inner{background-color:#2E9EAB;}
.bg3 .ribbon-inner:after {border-top-color:#47b8c6;border-right-color:#47b8c6;}
/* 4조선왕조실록 */ 
.bg4 .ribbon-inner{background-color:#41989c;}
.bg4 .ribbon-inner:after {border-top-color:#2d7b7f;border-right-color:#2d7b7f;}
/* 5승정원일기 */ 
.bg5 .ribbon-inner{background-color:#9882CE;}
.bg5 .ribbon-inner:after {border-top-color:#8a75c1;border-right-color:#8a75c1;}
/* 6한국문집총간 */ 
.bg6 .ribbon-inner{background-color:#4199EC;}
.bg6 .ribbon-inner:after {border-top-color:#4e97d9;border-right-color:#4e97d9;}
/* 7공구서 */
.bg7 .ribbon-inner{background-color:#2188d2;}
.bg7 .ribbon-inner:after {border-top-color:#116aaa;border-right-color:#116aaa;}
/* 8교감표점서 */
.bg8 .ribbon-inner{background-color:#4e7a93;}
.bg8 .ribbon-inner:after {border-top-color:#395d72;border-right-color:#395d72;}
/* 9교양도서 */
.bg9 .ribbon-inner{background-color:#526069;}
.bg9 .ribbon-inner:after {border-top-color:#37474f;border-right-color:#37474f;}
/* 10어린이도서 */
.bg10 .ribbon-inner{background-color:#bd8c09;}
.bg10 .ribbon-inner:after {border-top-color:#ab9047;border-right-color:#ab9047;}
/* 11한국고전선집 */ 
.bg11 .ribbon-inner{background-color:#e07803;}
.bg11 .ribbon-inner:after {border-top-color:#ec9940;border-right-color:#ec9940;}
/* 12고전적정리이론총서 */
.bg12 .ribbon-inner{background-color:#df6f3e;}
.bg12 .ribbon-inner:after {border-top-color:#c5592a;border-right-color:#c5592a;}
/* 13기타도서 */
.bg13 .ribbon-inner{background-color:#FB5E5E;}
.bg13 .ribbon-inner:after {border-top-color:#e9595b;border-right-color:#e9595b;}
/* right */
/* business */
.slide-right-hb.businessWrap .slide-right {
	width:21.5%;
	background-color:#007bd9;
	background-image:url("img/pattern.png");
	background-repeat:repeat;
	background-position:0 0;
}
.slide-right-hb.businessWrap .slide-right .slide-arr i {
	color:#0067b3;
}
.slide-right-contents .business .thumbnail-wrap {
	position:relative;
	display:block;
}
.slide-right-contents .business .thumbnail-wrap strong {
	font-size:1.3em;
	font-weight:400;
	position:relative;
	color:#000;
}
.slide-right-contents .business .thumbnail-wrap strong:after {
	content: '';
	position: absolute;
	left:46%;
	top:36px;
	width: 18px;
	height: 1px;
	background-color:#000;
	display: block;
}
.slide-right-contents .business .text-wrapper {
	position:absolute;
	top:20px;
	width:100%;
}
.slide-right-contents .business .text-wrapper strong {
	color:#fff;
	font-size:1.8em;
	display:block;
}
.slide-right-contents .business .thumbnail-wrap .text-wrapper strong:after {
	width: 0;
}
.slide-right-contents .business .text-wrapper .text-muted {
	color:#fff;
}
.slide-right-hb.businessWrap .slide-right-contents .caption.auto {padding:20px 0;}
.slide-right-hb.businessWrap .slide-right-contents .business .thumbnail {height:290px;}
.slide-right-hb.businessWrap .slide-right-contents .business .businessInfo a ,
.slide-right-hb.businessWrap .slide-right-contents .business .businessInfo a .img-wrapper,
.slide-right-hb.businessWrap .slide-right-contents .business .businessInfo a .img-wrapper img {height:100%}

/* --------------------------------- Membership Customer Group --------------------------------- */

/* Member Login */
.form-signin {
	max-width: 460px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	padding: 20px 0 70px;
}

.modal .form-signin {
	max-width: 330px;
	padding: 0;
}

.form-signin .form-signin-heading {
	width: 88%;
	font-size: 120%;
	line-height: 22px;
	text-align: center;
	margin: 0 auto;
}

.form-signin .form-signin-heading img {
	width: 45%;
	margin: 15px auto;
}

.form-signin .frame {
	max-width: 330px;
	margin: 0 auto;
}

.form-signin p {
	padding: 0 20px;
	color: #888;
	font-size: 80%;
	line-height: 18px;
	text-align: center;
}

.form-signin .input-group {
	margin-top: -1px;
}

.form-signin .check-save {
	margin-top: 10px;
	vertical-align: middle;
}

.form-signin .check-save label.text {
	position: relative;
	top: 1px;
	color: #ccc;
	font-size: 90%;
	margin-left: 6px;
}

.form-signin .form-control {
	position: relative;
	height: auto;
	border-color: #ddd;
	background-color: #fff;
	border-right-width: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 13px;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin .input-group .input-group-addon {
	position: relative;
	left: -1px;
	font-size: 140%;
	text-shadow: none;
	border-color: #ddd;
	border-left-width: 0;
	background-color: #fff;
}

.form-signin .input-group.userid .form-control {
	border-bottom-left-radius: 0;
}

.form-signin .input-group.userid .input-group-addon {
	border-bottom-right-radius: 0;
}

.form-signin .input-group.password .form-control {
	border-top-left-radius: 0;
}

.form-signin .input-group.password .input-group-addon {
	border-top-right-radius: 0;
}

.form-signin .btn-block {
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}


/* -------------------------------------- Main Customer Group -------------------------------------- */

/* 상단 열림 팝업 */
.top-popup {
	display: none;
	overflow: hidden;
	background-color: #e4f0ff;
}

.top-popup .container {
	position: relative;
}

html[lang|=ko] .top-popup {
	letter-spacing: -.05em;
}

.top-popup-wrap {
	border-bottom: 1px solid #dbe5f2;
	color: #333;
}

.top-popup .top-popup-contents {
	line-height: 21px;
	padding: 10px 0 5px;
}

.top-popup .top-popup-contents p {
	margin-bottom: 10px;
}

.top-popup .top-popup-day {
	position: absolute;
	bottom: 0;
	right: 15px;
	clear: both;
	text-align: right;
	height: 32px;
	line-height: 22px;
	vertical-align: middle;
	padding: 3px 13px 0;
	background-color: #000;
}

.top-popup .top-popup-day input[type=checkbox] {
	position: relative;
	top: 1px;
}

.top-popup .top-popup-day .top-popup-oneday {
	cursor: pointer;
	color: #ddd;
	font-size: 100%;
	margin: 0 4px;
}

.top-popup .top-popup-day .top-popup-close {
	position: relative;
	top: 1px;
	color: #fff;
	font-size: 140%;
}

/* 메인 탭 배너 */
.widget-tab-banner {
	clear:both;
	position:relative;
	border:1px solid #ddd;
	background-color:#f0f0f0;
}
html[lang|=ko] .widget-tab-banner {
	letter-spacing:-.05em;
}
.widget-tab-banner li .tab_contents {
	content:"";
	clear:both;
	display:none;
	width:100%;
	height:307px;
	overflow:hidden;
	position:absolute;
	left:120px;
	top:0;
	*zoom:1;
	z-index:1;
	margin-left:-120px;
	padding-left:120px;
}
.widget-tab-banner.content1_1 .content1_1 .tab_contents,
.widget-tab-banner.content1_2 .content1_2 .tab_contents,
.widget-tab-banner.content1_3 .content1_3 .tab_contents,
.widget-tab-banner.content1_4 .content1_4 .tab_contents,
.widget-tab-banner.content1_5 .content1_5 .tab_contents,
.widget-tab-banner.content1_6 .content1_6 .tab_contents,
.widget-tab-banner.content1_7 .content1_7 .tab_contents,
.widget-tab-banner.content1_8 .content1_8 .tab_contents,
.widget-tab-banner.content1_9 .content1_9 .tab_contents,
.widget-tab-banner.content1_10 .content1_10 .tab_contents,
.widget-tab-banner.content_1_1 .content_1_1 .tab_contents,
.widget-tab-banner.content_1_2 .content_1_2 .tab_contents,
.widget-tab-banner.content_1_3 .content_1_3 .tab_contents,
.widget-tab-banner.content_1_4 .content_1_4 .tab_contents,
.widget-tab-banner.content_1_5 .content_1_5 .tab_contents,
.widget-tab-banner.content_1_6 .content_1_6 .tab_contents,
.widget-tab-banner.content_1_7 .content_1_7 .tab_contents,
.widget-tab-banner.content_1_8 .content_1_8 .tab_contents,
.widget-tab-banner.content_1_9 .content_1_9 .tab_contents,
.widget-tab-banner.content_1_10 .content_1_10 .tab_contents {
	display:block;
}
.widget-tab-banner ul {
	position:relative;
	clear:both;
	*zoom:1;
	margin:0;
	padding:0;
}
.widget-tab-banner ul:after {
	clear:both;
	content:"";
	display:block;
}
.widget-tab-banner a.tab {
	position:relative;
	z-index:2;
	width:120px;
	padding:0;
	margin-bottom:0;
	border-bottom:1px solid #e8e8e8;
}
.widget-tab-banner li:last-child a.tab {
	border-bottom:0;
}
.widget-tab-banner .content_1_1 a.tab {
	border-bottom:1px solid #e8e8e8;
}
.widget-tab-banner a.tab strong {
	display:block;
	cursor:pointer;
	padding-left:15px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:"...";
}
/* off */
.widget-tab-banner a.tab,
.widget-tab-banner a.tab strong {
	line-height:76px;
	display:block;
	overflow:hidden;
	color:#eee;
	font-size:16px;
	background-color:#92959a;
}
/* on */
.widget-tab-banner a:hover.tab strong,
.widget-tab-banner.content_1_1 .content_1_1 a.tab strong,
.widget-tab-banner.content_1_2 .content_1_2 a.tab strong,
.widget-tab-banner.content_1_3 .content_1_3 a.tab strong,
.widget-tab-banner.content_1_4 .content_1_4 a.tab strong,
.widget-tab-banner.content_1_5 .content_1_5 a.tab strong,
.widget-tab-banner.content_1_6 .content_1_6 a.tab strong,
.widget-tab-banner.content_1_7 .content_1_7 a.tab strong,
.widget-tab-banner.content_1_8 .content_1_8 a.tab strong,
.widget-tab-banner.content_1_9 .content_1_9 a.tab strong,
.widget-tab-banner.content_1_10 .content_1_10 a.tab strong {
	color:#555;
	background-color:#fff;
}

/* 메인 퀵 텍스트 */
.quick-text-wrap {
	background: #fff;
	border: 1px solid #e4e4e4;
	margin: 0 !important;
	height:245px;
}
.quick-text-wrap .quick-text-head {
	overflow:hidden;
	height: 42px;
	color:#222230;
	line-height: 44px;
	letter-spacing: -.05em;
	margin: 0 0 14px 0;
	border-bottom: 1px solid #e4e4e4;
	font-size:105%;
}
.quick-text-wrap .quick-text-head span {
	padding-left: 15px;
}
.quick-text-wrap a {
	display: block;
	margin: 5px 0 12px;
	font-size: 85%;
	letter-spacing: -.05em;
}
.quick-text-wrap div a div {
	overflow:hidden;
	width: 52px;
	height: 46px;
	line-height: 44px;
	margin: 0 auto;
	text-align: center;
	background-color: #3bc287;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.14);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.14);
	box-shadow:2px 2px 2px rgba(0,0,0,.14);
}
.quick-text-wrap div a div img {
	width:60%;
	margin:0 auto;
}
.quick-text-wrap div a:hover div {
	background-color: #75bf43;
}
.quick-text-wrap div a span {
	display: block;
	margin:5px auto;
	line-height: 1.2em;
}
.quick-text-wrap.num9 {
	height:321px;
}


/* 메인 텍스트 배너 */
		/* 2단 */
		/* 자문서비스 */
			.banner-wrap {
				clear: both;
				display:block;
				overflow: hidden;
				color:#fff;
				/* height:95px; */
				line-height:23px;
				padding:26px 0;
				text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);
				-webkit-border-radius: 1px;
				-moz-border-radius: 1px;
				border-radius: 1px;
				background-image:url("img/dot2.png");
				background-repeat:repeat;
				background-position:0 0;
				background-color:#f3a01d;
			} 
			.banner-wrap:hover {
				background-color:#eb9206;
			} 
			.banner-wrap .small {
				color:#000;
				text-shadow:1px 1px 0px rgba(255,255,255,0.1);
			}
			.banner-wrap em {
				font-size: 270%;
				color:#efaa43;
				text-shadow:1px 1px 0px rgba(120,76,28,0.1);
				text-align: center;
				background:#fff;
				padding:0 5px;
				-webkit-border-radius:50px;
				-moz-border-radius:50px;
				border-radius:50px;
			}
			.banner-wrap i {
				font-size: 270%;
				color:#ef9218;
				text-shadow:1px 1px 0px rgba(120,76,28,0.1);
				text-align: center;
				background:#fff;
				padding:7px;
				-webkit-border-radius:50px;
				-moz-border-radius:50px;
				border-radius:50px;
				margin-top:4px;
			}
			.banner-wrap strong {
				font-size:125%;
				font-weight:400;
				text-shadow:1px 1px 0 rgba(180, 84, 13, .3), 1px -1px 0 rgba(180, 84, 13, .3), -1px 1px 1px rgba(180, 84, 13, .7), -1px -1px 1px  rgba(180, 84, 13, .3);

			}
			.banner-wrap:hover strong {
				color:#fff;
				text-shadow:1px 1px 1px rgba(169, 103, 0, .8), 1px -1px 1px rgba(169, 103, 0, .8), -1px 1px 1px rgba(169, 103, 0, .8), -1px -1px 1px  rgba(169, 103, 0, .8);

			}
		/* 배너리스트 */
			.banner2-wrap {
				clear: both;
				overflow: hidden;
				/* height:150px; */
				color: #544532;
				line-height: 21px;
				text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);
				-webkit-border-radius: 1px;
				-moz-border-radius: 1px;
				border-radius: 1px;
				background-color:#fff;
				border:1px solid #ddd;
				background-image:url("img/dot2.png");
				background-repeat:repeat;
				background-position:0 0;
			} 
			.banner2-wrap ul {
				z-index: 1;
				padding:0;
				margin: 0;
			}
			.banner2-wrap ul li a {
				display:block;
				padding:15px 12px;
				border-left:1px solid #ddd;
				/* background-color:#ffd360;
				background-color:#fdc642;
				background-color:#ffba00;
				background-color:#02aa9f;
				background-color:#3378c1;
				background-color:#41c1c2;
				background-color:#125aac;
				background-color:#f2bc00; */
			}
			.banner2-wrap ul li:first-child a {
				border-left:0;
			}
			.banner2-wrap strong {
				font-weight:400;
			}
		/* 3단 */
			.banner3-wrap {
				clear: both;
				overflow: hidden;
				height: 246px;
				color: #544532;
				line-height: 21px;
				text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);
				-webkit-border-radius: 1px;
				-moz-border-radius: 1px;
				border-radius: 1px;
				background-color:#fff;
				border:1px solid #ddd;
				background-image:url("img/dot2.png");
				background-repeat:repeat;
				background-position:0 0;
			} 
			.banner3-wrap ul {
				z-index: 1;
				padding:0;
				margin: 0;
			}
			.banner3-wrap ul li {
				padding-top:12px;
				padding-bottom:13px;
				border-top:1px solid #ddd;
			}
			.banner3-wrap ul li em {
				font-size:260%;
				color:#3bc287;
				text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
				text-align:center;
			}
			.banner3-wrap ul li em i {
				display:block;
				padding:10px 6px 6px;
				background-color:#e9e9e9;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
			}
			.banner3-wrap ul li em i.fa-bar-chart {
				color:#dd642f;
			}
			.banner3-wrap ul li em i.fa-clipboard {
				color:#358e92;
			}
			.banner3-wrap ul li em i.fa-list {
				color:#4e7a93;
			}
			.banner3-wrap ul li:first-child {
				border-top:0;
			}
			.banner3-wrap ul li strong {
				font-weight:400;
				color:#222230;
				font-size:105%;
				letter-spacing:-.05em;
			}

.widget-banner-text { /* 메일링서비스 */
	clear:both;
	display:block;
	line-height:23px;
	text-shadow:-1px -1px 0 rgba(0, 0, 0, .1);
	/* padding:14px 0; */
	margin-bottom:15px;
	background:#fff;
	background:#36bd82;
	border:1px solid #ddd;
	border-top:0;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	-webkit-transition:opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
	transition:opacity .3s ease,
	background-color .3s ease,
	color .3s ease,
	box-shadow .3s ease,
	background .3s ease;
}
html[lang|=ko] .widget-banner-text {
	letter-spacing:-.05em;
}
.widget-banner-text a {
	display:block;
	padding:14px 17px;
	color:#fff;
}
.widget-banner-text a strong {
	font-size:105%;
}
.widget-banner-text a:hover {
	background:#2aae74;
	color:#fff;
	-webkit-transition: opacity .3s ease, border .3s ease, color .3s ease, background .3s ease;
	transition: opacity .3s ease, border .3s ease, color .3s ease, background .3s ease;
}

/* 메인 뉴스레터/소식지 */
.widget-newsletter-wrap {
	clear:both;
	color:#fff;
	font-size:110%;
	line-height:22px;
	text-shadow:-1px -1px 0 rgba(0, 108, 32, .4);
	background-color:#c4b37b;
	background-color:#3ac286;
	padding:12px 0 23px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	background-image:url("img/dot2.png");
	background-repeat:repeat;
	background-position:0 0;
	height:235px;
	text-align:center;
}
html[lang|=ko] .widget-newsletter-wrap {
	letter-spacing:-.05em;
}
.widget-newsletter-wrap .frame {
	padding:0 17px;
}
.widget-newsletter-wrap .frame .title {
	font-size:110%;
}
.widget-newsletter-wrap .frame p {
	font-size:100%;
	line-height:17px;
	opacity:0.8;
	filter:alpha(opacity=80);
	margin:12px 0;
}
.widget-newsletter-wrap .frame .title i {
	position:relative;
	top:-1px;
	margin-right:5px;
	font-size:90%;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.widget-newsletter-wrap .frame .keword {
	margin-bottom:10px;
}
.widget-newsletter-wrap .frame .btn {
	font-size:80% !important;
}
.widget-newsletter-wrap .frame .form-control {
	border:0;
	background-color:#fff;
}
.widget-newsletter-wrap .mailing-img div {
	overflow: hidden;
	width:88px;
	height:84px;
	line-height: 90px;
	margin: 0 auto;
	text-align: center;
	background-color: #2a7755;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.14);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.14);
	box-shadow: 2px 2px 2px rgba(0,0,0,.14);
}
.widget-newsletter-wrap .mailing-img div img {
	width:80%;
	margin:0 auto;
}

/* 메인 통합검색 */
.total-search-wrap {
	clear:both;
	overflow:hidden;
	height:238px;
	line-height:21px;
	text-shadow:-1px -1px 0 rgba(0, 0, 0, .1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	border:1px solid #5cbcee;
}
html[lang|=ko] .total-search-wrap {
	letter-spacing:-.05em;
}
.total-search-wrap .form {
	height:100%;
}
.total-search-wrap .search_con {
	background-image:url("img/pattern_db.png");
	background-repeat:repeat;
	background-position:center -30px;
}
.total-search-wrap .frame {
	padding:0 16px;
}
.total-search-wrap .frame .title {
	font-size:125%;
	margin-bottom:7px;
}
.total-search-wrap .frame .btn {
	height:34px !important;
	padding:4px 14px !important;
	line-height:1.5555555 !important;
	background-color:#3b4251;
	border-color:#3b4251;
}
.total-search-wrap .frame .input-group .form-control {
	border-color:#3b4251;
	background-color:#fff;
	-webkit-border-top-left-radius:3px;
	-moz-border-top-left-radius:3px;
	border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.total-search-wrap .frame .form-control:focus {
	border-color:#0059ab !important;
}
.total-search-wrap .frequented-keword {
	padding:8px 16px;
	background:rgba(255,255,255,1);
}
.total-search-wrap .frequented-keword a {
	display:block;
	overflow:hidden;
	/* color:#fff; */
	font-size:90%;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:"...";
	padding:2px 0;
}
.total-search-wrap .frequented-keword a:hover {
	color:#000;
}
.total-search-wrap .frequented-keword a img {
	max-width:38px;
}

/* 메인 일반게시판 추출 */
.widget-showlist {
	clear:both;
	position:relative;
	height:238px;
	text-align:left;
	overflow:hidden;
	border:1px solid #ddd;
	background-color:#fff;
}
.widget-showlist .h6 {
	position:absolute;
	top:10px;
	left:15px;
}
.widget-showlist-wrap {
	overflow:hidden;
	text-align:left !important;
	padding:18px 15px !important;
	padding-top:43px !important;
}
html[lang|=ko] .widget-showlist {
	letter-spacing:-.05em;
}

/* Notice Tab,고전산문 */
.widget-tab {
	clear:both;
	position:relative;
	width:100%;
	height:230px;
	height:190px;
	background-color:#fff;
	border:1px solid #ddd;
}
.widget-tab.h266 {
	height:266px;
}
html[lang|=ko] .widget-tab {
	letter-spacing:-.05em;
}
.widget-tab .title {
	position:relative;
	z-index:2;
	float:left;
	background-color:#fff;
}
.widget-tab .title a {
	height:42px;
	display:block;
	color:#222;
	font-size:105%;
	text-align:center;
	padding:9px 20px;
	background-color:#fafafa;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.widget-tab .title.on a {
	position:relative;
	top:-1px;
	padding:6px 20px 7px;
	color: #2b9566;
	background-color:#fff;
	border-top: 4px solid #2b9566 !important;
	border-bottom:1px solid #fff !important;
}
.widget-tab .title.on a:after {
	position:absolute;
	top:-12px;
	left:45%;
	color: #2b9566;
	font-family:"FontAwesome";
	content:"\f0d7";
}
.widget-tab .btn_more {
	display:none;
	position:absolute;
	right:5px;
	top:1px;
	height:42px;
	display:block;
	color:#888;
	font-size:90%;
	line-height:43px;
	text-align:center;
}
.widget-tab .btn_more:after {
	float:right;
	color:#888;
	font-size:12px;
	font-family:"FontAwesome";
	content:"\f067";
	padding-left:6px;
	padding-right:10px;
}
.widget-tab .tab-contents.on,
.widget-tab .on a.btn_more {
	display:block;
}
.widget-tab .tab-contents {
	display:none;
}
/* 고전하단관련 */
.widget-tab.notice_tab_1 .caption a {
	color: #2b9566;
	font-size:115%;
}
.widget-tab.notice_tab_1 .small-hb {
	overflow:hidden;
	height:72px;

}

/* Basic List */
ul.tab-list {
	position:absolute;
	left:0;
	top:41px;
	z-index:1;
	width:100%;
	padding:16px 20px;
	margin:0;
	border-top:1px solid #e4e4e4;
}
ul li.basic-list,
ul.basic-list li {
	line-height:27px;
	height:27px;
	margin:0;
}
ul li.basic-list a,
ul.basic-list li a {
	float:left;
	width:79%;
	overflow:hidden;
	position:relative;
	display:block;
	padding-left:10px;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}
ul li.basic-list a:after,
ul.basic-list li a:after {
	position:absolute;
	top:2px;
	left:0;
	color:#333;
	font-size:10px;
	font-weight:700;
	/* font-family:"FontAwesome";
	content:"\f111"; */
	content:"ㆍ";
}
ul li.basic-list .date,
ul.basic-list li .date {
	float:right;
	text-align:right;
	width:21%;
	letter-spacing:.0em;
}

/* 담당자 */
.chargeInfo {
	padding:8px 15px;
	margin-bottom:-1px;
	background:#fbfbfb;
	border:1px solid #dedede;
	-webkit-border-top-left-radius:3px;
	-moz-border-top-left-radius:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.chargeInfo .chargeInfo_person span {
	color:#89898b;
}
.chargeInfo .chargeInfo_person strong {
	font-weight:700;
	color:#393939;
}

/* 만족도 */
.satisfactionInfo {
	padding:6px 15px;
	border:1px solid #dedede;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.satisfactionInfo ul li {
	display:inline;
}
.form-horizontal .satisfactionInfo .form-group {
	padding-bottom:0;
	border-bottom:0;
	margin-bottom:0;
}

/* 팝업존-템플릿 */
.popupzone {
	position:relative;
	overflow:hidden;
	width:100%;
	border:1px solid #ddd;
	border-left:0;
}
.issue_tab {
	padding:0;
	margin:0;
}
#big-banner .issue_tab {
	height:235px;
}
#small-banner .issue_tab {
	height:264px;
}
.issue_tab li {
	float:left;
	overflow:auto;
	padding:0;
	margin:0;
}
.issue_tab li a.link {
	position:relative;
	top:-4px;
	z-index:3;
	display:block;
	padding:0;
	margin-right:2px;
}
.issue_tab span {
	width:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:1;
}
.issue_tab span a {
	margin-top:0;
	height:auto;
}
.issueControll {
	top:-4px;
	right:0;
	position:absolute;
	z-index:2;
}
.issueControll a {
	float:left;
	position:relative;
	margin-left:2px;
}

/* adlist */
.adlist {
	clear:both;
	overflow:hidden;
	position:relative;
	padding:8px 55px;
	border:1px solid #ddd;
	background-color:#fff;
}
.adlist .ad_ctrl .ad_ctrl_btn {
	position:absolute;
	top:18px;
	left:45px;
	width:21px;
	height:20px;
	display:block;
	border:0;
	text-indent:-9999px;
	background-image:url("../img/ad_ctrl_play.png");
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.adlist .ad_ctrl .ad_stop {
	background-image:url("../img/ad_ctrl_pause.png");
}
.adlist .ad_ctrl .ad_left {
	left:25px;
	display:none;
	background-image:url("../img/ad_ctrl_left.png");
}
.adlist .ad_ctrl .ad_right {
	left:65px;
	background-image:url("../img/ad_ctrl_right.png");
}
.adlist .ad_ctrl .ad_list {
	display:none; 
	left:85px;
	background-image:url("../img/ad_ctrl_list.png");
}
.adlist .ad_list_set {
	position:relative;
	left:80px;
	overflow:hidden;
	width:100%;
}
.adlist .ad_list_set ul {
	width:100%;
	padding:0;
	margin:0;
}
.adlist .ad_list_set ul li {
	float:left;
	margin-right:12px;
}
.adlist .ad_list_set ul li img {
	border:1px solid #ddd;
}
.adlist .ad_list_set ul li a:hover img {
	border:1px solid #c3c3c3;
}

.footer_copy .navbar-logo {
	position:absolute;
	left:15px;
	top:0;
	display:block;
	width:250px;
	text-align:center;
	/*margin-left:-135px;*/
}
.footer_copy .navbar-logo {
	top:0;
	width:170px;
}

.intro_wrap {background:url("../img/intro_bg.png") no-repeat 100% center;}
.intro_wrap .h3 {color:#3ac286;}
.intro_wrap .h3 strong {color:#238459;}



/* 컨텐츠관련 */
#contentRemark, .setting_wrap {
	margin-bottom:30px;
}
.setting_wrap .btn_setup a {
	padding:4px 14px 4px 10px;
	border:1px solid #dadada;
	background:#ededed;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-transition: opacity .3s ease,background-color .3s ease, color .3s ease,background .3s ease;
	transition: opacity .3s ease,background-color .3s ease, color .3s ease,background .3s ease;
}
.setting_wrap .btn_setup a:hover {
	background:#fff;
	color:#333;
}

.board_info {
	position: relative;
	border: 1px solid #dadada;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 15px 20px 20px;
	margin-bottom:30px;
	color: #444;
	background: url("img/bul_line2.png") repeat-x 0 bottom;
}

.con_box {
	position: relative;
	padding:20px;
	border: 1px solid transparent;
	border-color: #ddd;
	border-bottom-color: #949494;
}

.con_box2 {
	padding: 6px 18px;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.con_box3 {
	background: #efeff4 url("img/pattern2.jpg") repeat 0 0;
	padding: 25px;
	color: #444;
}

.con_box4 {
	position: relative;
	background:#f1f1f1;
	overflow: hidden;
}
.con_box4:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:20px;
	background: #54535a;
}
.con_box4:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width:220px;
	height:40px;
	background:#3bc287;
}
.con_box4 .inner {
	position: relative;
	z-index: 1;
	margin:3px;
	padding: 20px 30px;
	background-color: #fff;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.con_box5 {
	background: #f9f9f9;
}

.con_box6 {
	position: relative;
	padding: 20px 20px 24px 70px;
	width: 100%;
	border: 1px solid #dcdee2;
	background: #f9fafb;
}

.con_box6 .num {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 12px 18px;
	background: #939ab7;
	color: #fff;
}

.con_box6 .num1 {
	background: #bdbdbd;
}

.con_box6 .num2 {
	background: #939ab7;
}

.con_box6 .num3 {
	background: #3141a1;
}

/*2019년2월20일 김현수 배경색 #3baeda -> #119cd2로 변경*/
.con_box7 dl dt {
	background: #119cd2;
	color: #fff;
	padding: 10px;
	font-size: 105%;
	letter-spacing: -.05em;
}
.con_box7 dl dd {
	background: #eee;
	padding: 10px 15px;
	height:470px;
}
.con_box7.mt30 dl dd {
	height:195px;
}

.check_box {
	clear: both;
	position: relative;
	padding:12px 20px 15px;
	border: 1px solid #eadfdb;
	background: #fcf5f2;
	color:#cc3300;
}

.line_box {
	overflow: hidden;
	border:1px solid #e5e5e5;
	padding:10px 15px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.txt_box {
	padding:10px 15px;
	background: #f1f1f1;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.letter_box {
	position:relative;
	overflow:hidden;
	border:1px solid #e1e1e1;
	background-image:url("img/pattern_t.gif"), url("img/pattern_r.gif"), url("img/pattern_b.gif"), url("img/pattern_l.gif"); 
	background-position:-3px 0, 0 2px, -3px 100%, 100% 0; 
	background-repeat:repeat-x, repeat-y, repeat-x, repeat-y;}
}

.tablist {
}
.tablist li {
	width: 33.333333%;
	background: #f6fafd;
} /* col3 */
.tablist li.on {
	background:#32ad76;
}
.tablist > li > a {
	color:#333;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align:center;
	padding-left: 0;
	padding-right: 0;
	background:#e7e7e7;
	border: 1px solid #fff;
}
.tablist > li > a[target="_blank"] span {
	background-image:url("img/icon_blank.gif");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding-right: 18px;
}
.tablist > li > a:hover {
	background:#32ad76;
	color: #fff;
	border: 1px solid #fff;
}
.tablist > li.on > a {
	border-color: #fff;
	color: #fff;
	background:#28A76E;
}
.tablist>li+li {
	margin-left: 0;
}
.tablist.col2 li {
	width: 50%;
} /* col2 */
.tablist.col4 li,
ul.col4 li {
	width: 25%;
} /* col4 */
#sub.itkc_110 .tablist.col4 li {width: 33.333333%;}
.ul_list, .ul_list4, .ol_list li ul {
	padding-left: 0;
}

.ul_list li {
	padding-left: 13px;
	background: url("img/bul_dot.png") no-repeat 6px 12px;
	padding-left:9px;
	background: url("img/bul_dot.png") no-repeat 2px 10px;
}

.ul_list li ul {
	padding-left: 5px;
	padding-left: 2px;
}

.ul_list li ul li {
	padding-left: 10px;
	background: url("img/bul_li.png") no-repeat 0 12px;
}

.ul_list li ol li {
	padding-left: 0;
	background: none;
}

.ul_list .line {
	border-bottom: 1px solid #e7e7e7;
}

.ul_list.ul_history span {
	display: inline-block;
	width: 100px;
}

.ul_list2 {
} /* col5 */
.ul_list2 li {
	float: left;
	width: 20%;
}

.ul_list2 li dl dt {
}

.ul_list2 li dl dd {
}

.ul_list2 .ul_list li {
	float: none;
	width: 100%;
}

.ul_list3 {
	padding-left: 0;
	overflow: hidden;
} /* col2 */
.ul_list3 li {
	padding-left: 13px;
	background: url("img/bul_dot.png") no-repeat 6px 10px;
	float: left;
	width: 50%;
}

.ul_list4 li {
	padding-left: 10px;
	background: url("img/bul_li.png") no-repeat 0 12px;
}

.ol_list {
	padding-left:18px;
}

.ol_list li {
	list-style-type: decimal;
	position:relative;
}
/* .ol_list li:before {
	content: '';
	display:inline-block;
	position:absolute;
	top:3px;
	left:-22px;
	width:19px;
	height:18px;
	border:2px solid #bdbdbd;
	z-index:0;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
} */

.ol_list li ul li, .ol_list li ol li li {
	list-style-type: none;
}

.ol_list li ol {
	padding-left: 24px;
}

.ol_list li ol li {
	list-style-type: decimal-leading-zero;
	font-size: 95%;
}

.ol_list li ol.ol_list_none {
	padding-left:0;
}

.ol_list li ol.ol_list_none li {
	list-style-type:none;
}

.ol_list li ul li {
	/*font-size:95%;
	background: url("img/bul_li.png") no-repeat 0 10px;*/
	padding-left: 10px;
	text-indent:-10px;
}

.ol_list2 {
} /* num */
.ol_list2 li span {
	background: #0770bb;
	color: #fff;
	display: inline-block;
	padding: 1px 10px;
	margin-right: 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.dl_list dt {
	color: #000;
	font-size: 110%;
	margin-top:15px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight:500;
	background: url("img/bul_h6.png") no-repeat 0 10px;
}

.dl_list dd {
	padding-left:10px;
}

.dl_list2 dt {
	color: #000;
	font-size: 110%;
	margin-top:15px;
	font-weight:500;
}

.dl_list2 dd {
}

.step_list {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
} /* step  */
.step_list li {
	display: table-cell;
	position: relative;
	width: 33.3%;
	text-align: center;
	text-shadow: 0 0 1px rgba(0, 0, 0, .2);
	vertical-align: middle;
	box-shadow: inset 5px 0px 7px 0px rgba(39, 47, 55 , 0.1 );
}

.step_list.col4 li {
	width: 25%;
}

.step_list.col5 li {
	width: 20%;
}

.step_list.col6 li {
	width: 16.6666666%;
}

.step_list.col7 li {
	width: 14.2857142%;
}

.step_list li.step1 {
	box-shadow: none;
	background: #50c1e9;
}

.step_list li.step2 {
	background: #3baeda;
}

.step_list li.step3 {
	background: #4a92d2;
}

.step_list li.step4, .step_list2 .left_area {
	background: #3378c1;
}

.step_list li.step5 {
	background: #2eb8c2;
}

.step_list li.step6 {
	background: #48cfae;
}

.step_list li.step7, .step_list2 .right_area {
	background: #4bc27d;
}

.step_list li.step8 {
	background: #8ecd42;
}

.step_list li:after {
	content: "";
	position: absolute;
	top: 40%;
	right: -12px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	z-index: 10;
}

.step_list li.step1:after {
	border-left: 13px solid #50c1e9;
}

.step_list li.step2:after {
	border-left: 13px solid #3baeda;
}

.step_list li.step3:after {
	border-left: 13px solid #4a92d2;
}

.step_list li.step4:after {
	border-left: 13px solid #3378c1;
}

.step_list li.step5:after {
	border-left: 13px solid #2eb8c2;
}

.step_list li.step6:after {
	border-left: 13px solid #48cfae;
}

.step_list li.step7:after {
	border-left: 13px solid #4bc27d;
}

.step_list li:last-child:after {
	display: none;
}

.step_list li > div {
	display: inline-block;
}

.step_list li .txt_area {
	float: left;
	margin: 8px 0;
}

.step_list li .txt_area span {
	display: block;
}

.step_list li .txt_area span.num {
	color: #fff337;
}

.step_list li .txt_area span.txt, .step_list2 .left_area, .step_list2 .right_area {
	color: #fff;
	line-height: 120%;
}
/* .step_line li {background:#fff !important;border:1px solid #ddd;} */
.step_list2 {
} /* col2좌우 */
.step_list2 .left_area, .step_list2 .right_area {
	line-height: 60px;
}

.step_list2 .arrow_lr:after {
	font-family: "FontAwesome";
	content: "\f178";
	font-size: 130%;
} /* 좌우화살표 */
.step_list2 .arrow_rl:before {
	font-family: "FontAwesome";
	content: "\f177";
	font-size: 130%;
}

.step_list3 {
} /* step_line */
.step_list3 div>div {
	position: relative;
	border: 1px solid #50c1e9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.step_list3 div>div.step1 {
	border-color: #50c1e9;
}

.step_list3 div>div.step2 {
	border-color: #3baeda;
}

.step_list3 div>div.step3 {
	border-color: #4a92d2;
}

.step_list3 div>div.step4 {
	border-color: #3378c1;
}

.step_list3 div>div.step5 {
	border-color: #2eb8c2;
}

.step_list3 div>div.step6 {
	border-color: #48cfae;
}

.step_list3 div>div.step7 {
	border-color: #4bc27d;
}

.step_list3 div>div.step8 {
	border-color: #8ecd42;
}

.step_list3 div>div span {
	display: block;
}

.step_list3 div>div strong {
	display: block;
	margin: 5px;
	padding: 6px;
	color: #fff;
	text-align: center;
	background: #50c1e9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.step_list3 div>div.step1 strong {
	background: #50c1e9;
}

.step_list3 div>div.step2 strong {
	background: #3baeda;
}

.step_list3 div>div.step3 strong {
	background: #4a92d2;
}

.step_list3 div>div.step4 strong {
	background: #3378c1;
}

.step_list3 div>div.step5 strong {
	background: #2eb8c2;
}

.step_list3 div>div.step6 strong {
	background: #48cfae;
}

.step_list3 div>div.step7 strong {
	background: #4bc27d;
}

.step_list3 div>div.step8 strong {
	background: #8ecd42;
}

.step_list3 div>div ul {
	display: block;
	margin: 5px 8px 8px 5px;
	padding-bottom: 6px;
	letter-spacing: -.05em;
}

.step_list3 div>div:after {
	font-family: "FontAwesome";
	content: "\f054";
	color: #eb7b04;
	position: absolute;
	top: 40px;
	left: -20px;
}

.step_list3 div:first-child>div:after {
	content: "";
}

.step_list4 {
}

.step_list4 div {
	border: 1px solid #d6d6d6;
	background:#eee;
}

.step_list4 div ul {
	position: relative;
}

.step_list4 div > ul:after {
	font-family: "FontAwesome";
	content: "\f078";
	color: #eb7b04;
	position: absolute;
	top: -30px;
	left: 12%;
}

.step_list4 > div:first-child > ul:after {
	content: "";
}

.step_list4 div > ul > li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.step_list4 .con {
	background:#fff;
}

.step_list5 .info1,
.step_list5 .info2,
.step_list5 .info3 {
	position: relative;
	color:#fff;
	padding:10px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
}
.step_list5 .info1 {
	background:#4cb2d7;
}
.step_list5 .info2 {
	background:#6689d4;
}
.step_list5 .info3 {
	background:#4164b1;
}
.step_list5 div>div:after {
	font-family:"FontAwesome";
	content:"\f0fe";
	color:#8292a2;
	position:absolute;
	top:30%;
	left:-22px;
	font-size:16px;
}
.step_list5 div:first-child>div:after {
	content: "";
}

.table > thead > tr > th {
	border-top-color:#32ad76 !important;
	background-color:#f0f8f5;
	border-bottom: 1px solid #cecece !important;
}
.table > thead > tr > th.th_t {
	border: 1px solid #cecece !important;
}
.table > tbody > tr > th {
	padding-top: 10px;
	padding-bottom: 10px;
	color:#444;
	text-align: center;
	vertical-align: middle;
	font-weight:400;
}
.table > tbody > tr > td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.table.table2 > thead > tr > th {
	border-top: 1px solid #000 !important;
	background-color: #f2f2f2;
	border-bottom: 0 !important;
}
.table.table2 > thead > tr > th.th_t {
	border-color: #aaa !important;
}
.table3 {
	position: relative;
}
.table3 th {
	padding: 20px 0 25px 20px;
	font-size: 110%;
	font-weight: 700;
	color: #4164b1;
	border-bottom: 1px dotted #6689d4;
	background: #f4f7fd;
}
.table3 td {
	padding: 21px 0 25px 20px;
	font-size: 14px;
	line-height: 23px;
	border-bottom: 1px solid #dcdee2;
}
/* 컨텐츠테이블 타입 */
.tbl_basic.tbl_type1 thead th {
	border-top:3px solid #32ad76; 
	background-color:#f0f8f5;
}
.tbl_basic.tbl_type1 .th_t {
	border-top:1px solid #cecece
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border-color: #28A76E !important;
	background-color: #28A76E;
	font-weight:700;
}

.history {
	width: 100%;
}
/* .history .history_con {
	position:relative;
}
.history .history_con:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #eee;
	left:42px;
	margin-left: -1.5px;
}*/

.history .history_con > li {
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px dashed #ddd;
}

.history .history_con li dt {
	position:relative;
	float:left;
	width:10%;
	text-align: center;
	font-weight:400;
	font-size:160%;
	color:#333;
	/* color:#fff;
	 background-color: #5c5b5b;
	 border-radius: 2px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);*/
}

.history .history_con li dd {
	position: relative;
	float: left;
	width:85%;
	/*border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 15px 15px 15px 10px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	margin-left:25px;*/
}
/*.history .history_con li dd:before {
	position: absolute;
	top: 10px;
	left: -10px;
	display: inline-block;
	border-top:10px solid transparent;
	border-left: 10px solid #ddd;
	border-right: 0 solid #ddd;
	border-bottom: 10px solid transparent;
	content: " ";
	border-left-width: 0;
	border-right-width: 10px;
}
.history .history_con li dd:after {
	position: absolute;
	top: 11px;
	left: -9px;
	right: auto;
	display: inline-block;
	border-top: 9px solid transparent;
	border-left: 9px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 9px solid transparent;
	content: " ";    
	border-left-width: 0;
	border-right-width: 9px;
}*/
.history .history_con li dd li {
	position: relative;
	clear: both;
	padding:3px 10px 3px 80px;
	color: #444;
}

.history .history_con li dd li span {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 80px;
	color: #32ad76;
	font-weight: 700;
	text-align: center;
}

.history .history_con li dd li div {
	font-size: 95%;
	color: #777;
	margin-top: 5px;
}

.history .item .grap .gall_history{margin-top:20px;}
.history .item .grap .gall_history li{margin-bottom:10px;}
.history .item .grap .gall_history li figure span{display:block;background-color:#f7f7f7;text-align:center;}
.history .item .grap .gall_history li figure span img{width:100%;}
.history .item .grap .gall_history li figcaption{margin-top:7px;font-size:13px;line-height:15px;text-align:left;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .gall_history:after{content:"";display:block;clear:both;visibility:hidden;}


.history2 {
}

.history2 li {
	border-bottom: 1px dashed #ddd;
	padding-top: 8px;
	padding-bottom: 8px;
}

.history2 li ul {
	margin-left: 110px;
}

.history2 li ul li {
	border-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.history2 li dt {
	color: #0c4da2;
	width: 100px;
	float: left;
}

.history2 li dd {
}


/* 사이트맵*/
.sitemapWrap {
}

.sitemapWrap > ul > li  {
	clear:both;
	overflow:hidden;
	border-bottom:1px dashed #dedede;
	padding-bottom:10px;
	margin-bottom:30px;
}
.sitemapWrap > ul > li > dl > dt {
	clear:both;
	width:100%;
	display:block;
	color:#000;
	margin:10px 0 20px;
}
.sitemapWrap > ul > li > dl > dt > a {
	font-size: 140%;
	padding-left:10px;
	background:url("img/bul_h4.png") no-repeat 0 50%;
	color:#32ad76;
	color:#333;
}
.sitemapWrap dl > dd {
	width:100%;
	line-height:1.6;
}
.sitemapWrap dl > dd > ul{
	padding-left:0;
} 
.sitemapWrap dl > dd > ul > li {
	float: left;
	width:33.3333%;
	box-sizing: border-box;
	margin-bottom:15px;
} 
.sitemapWrap dl > dd > ul > li >a {
	color:#000;
	width:95%;
	font-size:105%;
	display:block;
	text-align:center;
	color:#2b9566;
	padding:7px 10px 7px 0;
	border:1px solid #c0c0c0;
	border-top-color:#32ad76;
	margin-bottom:10px;
} 
.sitemapWrap dl > dd > ul > li > ul {
	padding:0;
	width:90%;
}
.sitemapWrap dl > dd > ul > li > ul >li {
	margin-bottom:6px;
	border-bottom:1px dotted #d2d2d2;
}
.sitemapWrap dl > dd > ul > li > ul >li > a {
	display:inline-block;
	padding-bottom:6px;
}
.sitemapWrap dl > dd > ul > li > ul >li:before {
	color: #999;
	font-size:14px;
	content: '· ';
}
.sitemapWrap dl > dd > ul > li ul >li > ul {
	padding:10px 0 10px 15px;
	border-top: 1px solid #eaeaea;
	background: #f6f6f6;
}
.sitemapWrap dl > dd > ul > li ul >li > ul > li {
	font-size:95%;
}
.sitemapWrap dl > dd > ul > li ul >li > ul > li:before {
	color: #999;
	font-size:14px;
	content: '- ';
}

/* 전체보기 사이트맵 */
#gnbAllMenuModal .sitemapWrap > ul {
	padding-left:0;
}

#gnbAllMenuModal .sitemapWrap > ul > li  {
	clear:both;
	overflow:hidden;
	border:1px solid #dedede;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-bottom:30px;
}

#gnbAllMenuModal .sitemapWrap > ul > li > dl > dt {
	clear:both;
	width:100%;
	display:block;
	color:#000;
	background:#fbfbfb;
	border-bottom:1px solid #dedede;
	margin:0;
	padding:10px;
}
#gnbAllMenuModal .sitemapWrap dl > dt > a {
	font-size:130%;
	padding-left:32px;
	margin:0;
	background: url("img/bul_h5.png") no-repeat 10px 52%;
	color:#333;
}
#gnbAllMenuModal .sitemapWrap dl > dd {
	width:100%;
	background:#fff;
}
#gnbAllMenuModal .sitemapWrap dl > dd > ul{
	padding:20px;
	padding-right:0;
} 
#gnbAllMenuModal .sitemapWrap dl > dd > ul > li {
	float:left;
	width:33.3333%;
	box-sizing:border-box;
	margin-bottom:15px;
} 
#gnbAllMenuModal .sitemapWrap dl > dd > ul > li >a {
	color:#000;
	width:95%;
	font-size:105%;
	display:block;
	text-align:center;
	color:#444;
	padding:7px 10px 7px 0;
	border:0px solid #c8d3e7;
	background:#d9edf7;
	margin-bottom:10px;
} 
#gnbAllMenuModal .sitemapWrap dl > dd > ul > li > ul {
	padding:0;
	width:95%;
}

.modal.layer-pop .modal-body img {width:100%;}



/* 로딩 160521 */
.cssload-square {
	margin: 68px auto;
	width: 19px;
	height: 19px;
	transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
}
.cssload-square-part {
	position: absolute;
	width: 19px;
	height: 19px;
	z-index: 1;
	animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-o-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-ms-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-webkit-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-moz-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.cssload-square-green {
	background: rgb(84,250,212);
	right: 0;
	bottom: 0;
	animation-direction: alternate-reverse;
		-o-animation-direction: alternate-reverse;
		-ms-animation-direction: alternate-reverse;
		-webkit-animation-direction: alternate-reverse;
		-moz-animation-direction: alternate-reverse;
}
.cssload-square-pink {
	background: rgb(233,111,146);
	left: 0;
	top: 0;
}
.cssload-square-blend {
	background: rgb(117,81,125);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	animation: blend-anim 0.92s ease-in infinite;
		-o-animation: blend-anim 0.92s ease-in infinite;
		-ms-animation: blend-anim 0.92s ease-in infinite;
		-webkit-animation: blend-anim 0.92s ease-in infinite;
		-moz-animation: blend-anim 0.92s ease-in infinite;
}
@keyframes blend-anim {
	0% {
		transform: scale(0.01, 0.01) rotateY(0);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		transform: scale(1, 1) rotateY(0);
		animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		transform: scale(0.01, 0.01) rotateY(0);
	}
}
@-o-keyframes blend-anim {
	0% {
		-o-transform: scale(0.01, 0.01) rotateY(0);
		-o-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-o-transform: scale(1, 1) rotateY(0);
		-o-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-o-transform: scale(0.01, 0.01) rotateY(0);
	}
}
@-ms-keyframes blend-anim {
	0% {
		-ms-transform: scale(0.01, 0.01) rotateY(0);
		-ms-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-ms-transform: scale(1, 1) rotateY(0);
		-ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-ms-transform: scale(0.01, 0.01) rotateY(0);
	}
}
@-webkit-keyframes blend-anim {
	0% {
		-webkit-transform: scale(0.01, 0.01) rotateY(0);
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-webkit-transform: scale(1, 1) rotateY(0);
		-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-webkit-transform: scale(0.01, 0.01) rotateY(0);
	}
}
@-moz-keyframes blend-anim {
	0% {
		-moz-transform: scale(0.01, 0.01) rotateY(0);
		-moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-moz-transform: scale(1, 1) rotateY(0);
		-moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-moz-transform: scale(0.01, 0.01) rotateY(0);
	}
}
@keyframes cssload-part-anim {
	0% {
		transform: translate3d(-10px, -10px, 0);
	}
	100% {
		transform: translate3d(10px, 10px, 0);
	}
}
@-o-keyframes cssload-part-anim {
	0% {
		-o-transform: translate3d(-10px, -10px, 0);
	}
	100% {
		-o-transform: translate3d(10px, 10px, 0);
	}
}
@-ms-keyframes cssload-part-anim {
	0% {
		-ms-transform: translate3d(-10px, -10px, 0);
	}
	100% {
		-ms-transform: translate3d(10px, 10px, 0);
	}
}
@-webkit-keyframes cssload-part-anim {
	0% {
		-webkit-transform: translate3d(-10px, -10px, 0);
	}
	100% {
		-webkit-transform: translate3d(10px, 10px, 0);
	}
}
@-moz-keyframes cssload-part-anim {
	0% {
		-moz-transform: translate3d(-10px, -10px, 0);
	}
	100% {
		-moz-transform: translate3d(10px, 10px, 0);
	}
}


/* 번역원소개 */
.greetings {background:url("/uploads/CONTENTS/site/itkc/intro_bg.png") no-repeat 100% center;}
.greetings .h3 {color:#3ac286;}
.ci_wrap {border: 1px solid #ccc; background: url("img/pattern3.jpg") repeat 0 0;}
.logo_color p {height:60px;}
.logo_color .c_4a5d00 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dadf00+0,4a5d00+100 */
background: #dadf00; /* Old browsers */
background: -moz-linear-gradient(left, #dadf00 0%, #4a5d00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #dadf00 0%,#4a5d00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #dadf00 0%,#4a5d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadf00', endColorstr='#4a5d00',GradientType=1 ); /* IE6-9 */}
.logo_color .c_006b20 {background:#006b20;}
.logo_color .c_221815 {background:#221815;}
.logo_color .c_929d25 {background:#929d25;}
.logo_color .c_bed731 {background:#bed731;}
.logo_color .c_004f18 {background:#004f18;}
.logo_color .c_99b463 {background:#99b463;}
.logo_color .c_767326 {background:#767326;}
.logo_color .c_595757 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dadf00+0,4a5d00+100 */
background: #dcdddd; /* Old browsers */
background: -moz-linear-gradient(left, #dcdddd 0%, #595757 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #dcdddd 0%,#595757 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #dcdddd 0%,#595757 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdddd', endColorstr='#595757',GradientType=1 ); /* IE6-9 */}
.logo_color .c_58595b {background:#58595b;}
.logo_color .c_bcbdc1 {background:#bcbdc1;}
.logo_color .c_a8a9ad {background:#a8a9ad;}
.logo_color .c_ceb443 {background:#ceb443;}
/* 조직도 */
.org_wrap {background:url("/uploads/CONTENTS/site/itkc/org_bg3.png") no-repeat 50px 26px;}
.org_wrap .org_box {width:14.28571428571429%;float:left;}
.org_wrap .org_box_offset {margin-left:14.28571428571429%;}
.org_wrap a {display:block;}
.org_wrap .org1 a {margin:0 auto;padding:12px 0;color:#fff;background:#5b79b9;}
.org_wrap .org2 a {padding:12px 0;/* margin-top:-60px; */color:#fff;background:#32ad76;letter-spacing:-.05em;}
.org_wrap .org3 dt a {padding:12px 0;color:#fff;background:#cd1e37;letter-spacing:-.05em;}
.org_wrap .org4 dt a {letter-spacing:-.05em;padding:12px 0;margin-bottom:5px;color:#fff;background:#6d727c;}
.org_wrap .org4 dd ul > li > a {letter-spacing:-.05em;padding:9px 0;margin-bottom:5px;border:1px solid #6d727c;color:#6d727c;background:#fff;}
.org_wrap .org4 dd ul > li > ul {background:#f6f6f6;border:1px solid #dedede}
.org_wrap .org4 dd ul > li > ul > li {display:table;width:100%;height:38px;border-top:1px dashed #dedede;}
.org_wrap .org4 dd ul > li > ul > li:first-child {border-top:0;}
.org_wrap .org4 dd ul > li > ul > li > a {display:table-cell;line-height:120%;letter-spacing:-.05em;font-size:95%;border:0;vertical-align:middle}
.org_wrap .org4_1 dd ul > li > a {letter-spacing:-.05em;padding:10px 0;color:#fff;background:#6d727c;}
.org_wrap .org4_1 dd ul > li > ul > li > a {padding:8px 0;margin-bottom:5px;border:1px solid #6d727c;color:#6d727c;background:#fff;}

/* 조직도수정170331 */
.org_wrap .org_box {width:16.66666667%;float:left;}
.org_wrap .org_box_offset {margin-left:16.66666667%;}
.org_wrap .org_box_offset .org4 .col-sm-2, .org_wrap .org4_1 .org_box_offset .col-sm-2 {width:20%;}
/* 홍보영상 */
.vodCon video {width:100%;height:100%;}

/* 고천콘텐츠 */
.book dl {overflow:hidden;}
.book dl dt {color:#000;width:94px;float:left;clear:both;font-weight:500;box-sizing:border-box;padding-left: 9px;background: url("img/bul_dot.png") no-repeat 2px 10px;}
.book dl dd {float:left; width:80%;word-break:break-all;}
.book .contents {color:#000;padding-left: 9px;background: url("img/bul_dot.png") no-repeat 2px 10px;}
.book .catagory_name {color:#fff;font-size:95%;text-shadow:-1px -1px 0 rgba(0, 0, 0, .1);padding:5px 10px;background-color:#333;background-color:rgba(0, 0, 0, .5);width:100%;}

/* 정부3.0 정보공개 */
.accodion-wrap {display:none;display:block;}
.accodion-wrap h4 {position:relative;display:block;/*padding:20px 5px;*/margin:0;font-size:140%;color:#000;font-weight:500;letter-spacing:-.05em;border:1px solid #dfdfdf;}
.accodion-wrap h4 a {display:inline-block;width:100%;}
.accodion-wrap h4.on a {color:#000;}
/* .accodion-wrap h4.h4Tit {background-position:0 27px;padding-left:10px;} */
.accodion-wrap h4:after {font-family:"FontAwesome";content:"\f078";position:absolute;top:16px;right:20px;color:#bbb;}
.accodion-wrap h4.on:after {font-family:"FontAwesome";content:"\f077";color:#333;}
.accodion-wrap h4 i {padding:20px;margin-right:10px;opacity:1;color:#32ad76;background:#f4f4f4;}
.accodion-wrap h4.on i {color:#fff;background:#32ad76;}
.accodion-wrap .contents {display:none;padding:25px 20px;color:#666;border:1px solid #ebebeb;background:#fff;background:#f4f4f4;}	
.accodion-wrap .contents.active{display:block}

/* 자문서비스 */
.service_type .panel-body {line-height:160%;}
.service_type .box1, .service_type .box2, .service_type .box3 {height:245px;}
.service_type .box4, .service_type .box5, .service_type .box6 {height:135px;}


/* 비주얼팝업 */
.mPopupZone {position:relative; border-bottom:1px solid rgba(255,255,255,0.5); background:#fff; overflow:hidden; box-sizing:border-box;}
.mPopupZone .mPopupBtn {position:absolute; top:3px; left:3px;}
.mPopupZone .cycle-pager {float:left;}
.mPopupZone .cycle-pager a {display:inline-block; width:14px; height:14px; margin-left:5px;background:#fff; box-sizing:border-box; text-indent:-9999px; cursor:pointer;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius:16px;}
.mPopupZone .cycle-pager a.cycle-pager-active {background:#ff9523;}
.mPopupZone .vis_stop {float:left; display:block; margin-left:5px; line-height:0;}
.mPopupZone .mPopupImg li {width:100%;float:left; font-size:0; line-height:0;z-index:0 !important;}
.mPopupZone .mPopupImg li:not(:first-child) {display:none;}

@media (max-width:1200px) {
	.mPopupZone.mP1, .mPopupZone.mP1 .mPopupImg li img {height:238px;}
	.mPopupZone.mP2, .mPopupZone.mP2 .mPopupImg li img {height:266px;}
}
 @media (max-width:991px) {
	.mPopupZone.mP1, .mPopupZone.mP1 .mPopupImg li img {height:auto;}
}

@media (max-width:767px) {
	.mPopupZone.mP2, .mPopupZone.mP2 .mPopupImg li img {height:auto;}
	.mPopupZone .mPopupImg li img {width:auto;margin:0 auto;}
	.mPopupZone .mPopupBtn {position:absolute; top:0; left:0;}
	.mPopupZone .mPopupBtn {padding-top:2px;background:rgba(0,0,0,0.2);}
}
/* 미지원브라우저 */
#sub.unsupportedBrowser #container, #sub.unsupportedBrowser #container .container {background:none;max-width:1170px;margin:0 auto;}

/* 웹접근성인증마크 */
.footer_copy .wa_mark {position: absolute;top:0;right: 15px;}
.wm-l {writing-mode: vertical-lr;}