@charset "utf-8";

/*
 *
 * CSS CONTENTS:
 *
 * 01. Web Font
 * 02. Type Selector Reset
 * 03. Accessibility Navigation
 * 04. Layout Selector
 * 05. Components
 * 06. Entry Content
 * 07. Comment
 * 08. Widget & Template Page
 * 09. ETC
 * 10. Post Type & Color Type
 * 11. Retina Display
 * 12. Media Screen - Tablet
 * 13. Media Screen - Mobie
 *
 */

/* Web Font Load */

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
/*@import url('//fonts.googleapis.com/css?family=Nanum+Myeongjo');*/
/*@import url('//cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css');*/
/*@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');*/

/* Type Selector Reset */
body {
	font-weight: 400;
	font-family:'Noto Sans KR', sans-serif;;
	font-size: 1em;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
html, body {
	width: 100%;
	min-width: 1500px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	background-color:#fbfbfb !important;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {
	margin: 0;
	padding: 0;
}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
	display: block;
}
button, input[type=submit], input[type=reset], input[type=button] {
	overflow: visible;
	cursor: pointer;
}
input[type=text], input[type=email], input[type=password], input[type=submit], textarea {
	-webkit-appearance: none;
}
input, select, textarea, button {
	font-family: 'Noto Sans KR', sans-serif;;
	font-size: 100%;
	border-radius: 0;
}
button {
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
	 outline: none;
}
ul li {
	list-style: none;
}
img, fieldset {
	border: none;
	vertical-align: middle;
}
hr {
	display: none;
}

/* Accessibility Navigation */
#acc-nav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 0;
}
#acc-nav a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin-left: -1px;
	margin-bottom: -1px;
	text-align: center;
	font-weight: bold;
	font-size: 0.875em;
	color: #000;
	white-space: nowrap;
}
#acc-nav a:focus, #acc-nav a:hover, #acc-nav a:active {
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #000;
	color: #fff;
	z-index: 1000;
}

/* Layout Selector */
#header {
	position: relative;
	width: 100%;
}
#header h1 {
	padding: 40px 0 28px;
	text-align: center;
	font-size: 27px;
	line-height: 1;
	color: #1a1a1a;
	font-weight: 500;
}
#header h1 a {
	display: inline-block;
	text-decoration: none;
	vertical-align: top;
	color: #1a1a1a;
}

#header h1 .color1{	color: #07b0ef;}
#header h1 .color2{	color: #a2cf4e;}
#header h1 .color3{	color: #ff9506;}
#header h1 .stext{
	display: block;
	padding-top: 8px;
	font-size: 14px;
	font-weight: normal;
}
#header h1 .stext .color1{	color: #07b0ef;}
#header h1 .stext .color2{	color: #a2cf4e;}
#header h1 .stext .color3{	color: #ff9506;}
/*mymenu*/
.mymenu{text-align:center;margin:0;padding:0;background:none}
.mymenu .category_list>li{display:inline-block;line-height:1.0}
.mymenu .category_list>li>a{display:block; padding:0 19px;line-height:31px;height:30px;font-size:15px;text-decoration:none;color:#fff !important;background:#666;margin:0 3px;border-radius:2.5em;letter-spacing:-0.5px;position:relative}
.mymenu .category_list>li>a::before{content:'#';display:block;float:left;margin-bottom:-30px;margin-right:5px}
.mymenu .category_list>li:nth-child(5n+1) a{background:#07a2ef}
.mymenu .category_list>li:nth-child(5n+2) a{background:#14ccb2}
.mymenu .category_list>li:nth-child(5n+3) a{background:#fe9916}
.mymenu .category_list>li:nth-child(5n+4) a{background:#b288ed}
.mymenu .category_list>li:nth-child(5n+5) a{background:#f36eb0}

.mymenu .tt_category>li:first-child{padding:0}
.mymenu .category_list li a span.c_cnt,
.mymenu .tt_category>li a.link_tit{display:none}


#mymenu.sticky {position: fixed;	top: 0;	width: auto;right: 0;left: 0;	z-index: 11;	padding:8px 0;background:rgba(0,0,0,0.7)}
#mymenu.sticky + .container{padding-top: 46px;}


#header .mobile-menu {
	position: absolute;
	top: 20px;
	left: 33px;
	z-index: 500;
	width: 40px;
	height: 40px;
}
#header .mobile-menu span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 2px;
	margin: -2px 0 0 -13px;
	background-color: #000;
	text-indent: -999em;
}
#header .mobile-menu:before,
#header .mobile-menu:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 2px;
	margin-left: -13px;
	background-color: #000
}
#header .mobile-menu:before {
	margin-top: -9px;
}
#header .mobile-menu:after {
	margin-top: 5px;
}
#header .mobile-menu.on {
	position: fixed;
}
#header .mobile-menu.on span {
	display: none;
}
#header .mobile-menu.on:before,
#header .mobile-menu.on:after {
	margin-top: -2px;
}
#header .mobile-menu.on:before {
	transform: rotate(-45deg);
}
#header .mobile-menu.on:after {
	transform: rotate(45deg);
}

#header .menu {
	position: fixed;
	top: 0;
	left: -348px;
	z-index: 400;
	overflow: auto;
	width: 348px;
	height: 100%;
	padding: 100px 40px;
	background-color: #fff;
	box-sizing: border-box;
	transition: left .5s ease-in-out;
}
#header .menu p {
	margin-top: 133px;
	font-size: 0.75em;
	color: #9b9b9b;
}
#header .menu.on {
	left: 0;
}

#header .search {
	position: absolute;
	top: 20px;
	right: 19px;
	width: 0;
	padding-right: 40px;
	z-index:2;
	background-color: #fff
}
#header .search input {
	/*display: none;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	font-size: 1em;
	line-height: 40px;
	color: #000;
	border: 0;
	box-sizing: border-box;
	background-color: transparent;
	*/
}
#header .search button {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 40px;
	height: 40px;
	background: url(/img/ico_package.png) no-repeat 0 0;
	text-indent: -999em;
}
#header .search:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	width: 40px;
	height: 40px;
	background: url(/img/ico_package.png) no-repeat 0 0;
	text-indent: -999em;
	cursor: pointer;
}
#header .search:hover:before {
	background-color: #ebebeb;
}
#header .search.on {
	width: 322px;
	border-bottom: 1px solid #000;
}
#header .search.on input {
	display: block;
}
#header .search.on button {
	display: block;
}
#header .search.on:before {
	display: none;
}

#gnb {
	margin-bottom: 8px;
}


#content .inner {
	max-width: 1000px;
	margin: 0 auto;
}



#content>.inner {
	max-width: 1000px;
}

#content .inner2 {
	max-width: 1300px;
	margin: 0 auto;
}



#content>.inner2 {
	max-width: 1300px;
	min-height: 1000px;
}



#content .inner:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#footer {
	position: relative;
	padding: 29px 0;
	border-top: 1px solid #ebebeb;
}
#footer p {
	text-align: center;
	font-size: 0.75em;
	color: #9b9b9b;
}
#footer p a {
	text-decoration: none;
	color: #9b9b9b;
}
#footer .admin {
	color: black;
}
#footer .admin:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 15px;
	margin: 0 9px;
	background-color: #b2b2b2;
	vertical-align: middle;
}
#tt-body-index #footer {
	border-top: 0;
}

/* Components */
.social-link a {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	text-indent: -999em;
	background-image: url(/img/ico_package.png);
	background-repeat: no-repeat;
	vertical-align: top;
}
.social-link a:hover {
	background-position-y: -68px;
}
.social-link .pinterest {
	background-position: 0 -50px;
}
.social-link .facebook {
	background-position: -50px -50px;
}
.social-link .twitter {
	background-position: -100px -50px;
}
.social-link .instagram {
	background-position: -150px -50px;
}

.viewbtn, a.btn {
	display: inline-block;width: 80px;
    height: 30px;
    border: 1px solid #dcdcdc;
    font-size: 0.875em;
    /* line-height: 50px;*/
}
.viewbtn:hover {
	border-color: #4d4d4d;
}
.btn, a.btn {
	display: inline-block;
	width: 158px;
	height: 50px;
	border: 1px solid #dcdcdc;
	font-size: 0.875em;
	line-height: 50px;
}
.btn:hover {
	border-color: #4d4d4d;
}

.cover-thumbnail-list {
	margin: 0 auto -1px;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #ebebeb;
}
.cover-thumbnail-list h2 {
	margin-bottom: 10px;
	font-size: 1em;
}
.cover-thumbnail-list ul {
	width: 100%;
}
.cover-thumbnail-list ul li {
	float: left;
	width: 24.0625%;
	margin: 0 0 32px;
	padding-left: 1.25%;
}
.cover-thumbnail-list ul li:nth-child(4n+1){
	clear: both;
	padding-left: 0;
}
.cover-thumbnail-list ul li a {
	display: block;
	text-decoration: none;
	color: #080808;
}
.cover-thumbnail-list ul li .thum {
	display: block;
	position: relative;
	overflow: hidden;
	height: 0;
	margin-bottom: 12px;
	padding-bottom: 75.757575757575758%;
	background-color: #f6f6f6;
}



.cover-thumbnail-list ul li .thum:before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;;
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.cover-thumbnail-list ul li .thum img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.cover-thumbnail-list ul li .category {
	display: inline-block;
	margin-bottom: 8px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Noto Sans KR', sans-serif;;
	font-size: 0.875em;
	color: #808080;
}
.cover-thumbnail-list ul li .title {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 2.75em;
	padding-right: 10%;
	font-weight: 700;
	line-height: 1.375em;
	font-size: 0.925em;

}
.cover-thumbnail-list ul li a:hover .title {
	text-decoration: underline;
	color: #4e2e28;
}

.cover-thumbnail-list ul li .title_new {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:6;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 2.75em;
	padding-right: 10%;
	font-weight: 300;
	line-height: 1.375em;
}


.cover-thumbnail-list ul li .excerpt {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 9.8em;
	margin-bottom: 9px;
	margin-top: 8px;
	font-size: 0.9375em;
	line-height: 1.6;
	color: black;
}

.cover-thumbnail-list ul li .date {
	display: block;
	font-size: 0.8125em;
	color: #999;
}

.cover-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-color: #000;
}
.cover-slider ul li {
	display: table;
	width: 100%;
	height: 360px;
	text-align: center;
	background-position: 50% 50%;
	background-size: cover;
}
.cover-slider ul li a {
	display: table-cell;
	background-color: rgba(0,0,0,0.1);
	text-decoration: none;
	color: #fff;
	vertical-align: middle;
}
.cover-slider ul li .category {
	display: inline-block;
	margin-bottom: 16px;
	border-bottom: 1px solid #fff;
}
.cover-slider ul li .title {
	display: block;
	max-width: 580px;
	margin: 0 auto 10px;
	font-size: 2.5em;
	line-height: 1.3;
}
.cover-slider ul li .excerpt {
	display: block;
	max-width: 580px;
	margin: 0 auto 30px;
	font-size: 1em;
	line-height: 1.3;
}
.cover-slider ul li .btn {
	display: none;
	border-color: #fff;
	font-size: 0.875em;
	color: #fff;
	vertical-align: middle;
}
.cover-slider ul li .btn:hover {
	display: none;
	background-color: #fff;
	color: #000;
}
.cover-slider .prev,
.cover-slider .next {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	width: 70px;
	height: 70px;
	margin: -25px 0 0 0;
	background: url(/img/ico_package.png) no-repeat 0 -250px;
	text-indent: -999em;
}
.cover-slider .prev {
	margin-left: -506px;
	background-position: 0 -250px;
}
.cover-slider .next {
	margin-left: 436px;
	background-position: -100px -250px;
}
.cover-slider .prev:hover,
.cover-slider .next:hover {
	background-color: rgba(255,255,255,0.2);
}

.cover-masonry {
	margin-bottom: -1px;
	/*padding: 30px 0 6px;*/
	padding-bottom:30px;
	/*border-bottom: 1px solid #ebebeb;*/
}
.cover-masonry h2 {
	margin-bottom: 18px;
	font-size: 1em;
}
.cover-masonry ul {
	/*display: inline-block;
	margin-left: -42px;*/
	vertical-align: top;
}
.cover-masonry ul li {
	float: left;
	width: 33.3333%;
	margin: 0 0 20px;
	padding-left: 42px;
	box-sizing: border-box;
}
.cover-masonry ul li a {
	display: block;
	text-decoration: none;
	color: #080808;
}
.cover-masonry ul li .thum {
	display: block;
	margin-bottom: 12px;
}
.cover-masonry ul li .thum img {
	width: 100%;
	/*height: auto;*/
}
.cover-masonry ul li .category {
	display: inline-block;
	margin-bottom: 12px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Noto Sans KR', sans-serif;;
	font-size: 0.875em;
	color: #808080;
}
.cover-masonry ul li .title {
	display: block;
	font-weight: 400;
	font-size: 0.925em;
	line-height: 1.4444;
}
.cover-masonry ul li a:hover .title {
	text-decoration: underline;
	color: #4e2e28;
}
.cover-masonry ul li .excerpt {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 6.4em;
	font-size: 0.8375em;
	line-height: 1.6;
	color: black;
	margin: 8px 0 12px 0;
}
/*추가ㅓ*/
.cover-list {
	margin-bottom: -1px;
	padding: 30px 0 60px;
	border-bottom: 1px solid #ebebeb;
}
.cover-list h2 {
	margin: 30px 0;
	font-size: 1em;
}
.cover-list ul li {
	border-top: 1px solid #ebebeb;
	padding: 20px 0 20px;
}
.cover-list ul li:first-child {
	border-top: 0;
}
.cover-list ul li a {
	display: block;
	min-height: 172px;
	/*padding: 30px 0 30px;*/
	padding: 0px 0 0px;
	text-decoration: none;
	color: #080808;
}
.cover-list ul li figure {
	float: right;
	position: relative;
	width: 172px;
	height: 172px;
	margin: 0 0 0 80px;
	background-color: #f6f6f6;
}
.cover-list ul li figure:before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;;
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.cover-list ul li figure img {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.cover-list ul li .category {
	display: inline-block;
	margin-bottom: 12px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Noto Sans KR', sans-serif;;
	font-size: 0.875em;
	color: #808080;
}
.cover-list ul li .title {
	display: block;
	font-weight: 700;
	font-size: 0.925em;
	line-height: 1.4444em;
	color:#e66c00;
}
.cover-list ul li a:hover .title {
	text-decoration: underline;
	color: black;
}
.cover-list ul li .excerpt {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 4.8em;
	margin-bottom: 9px;
	margin-top: 8px;
	font-size: 0.8375em;
	line-height: 1.6;
	color: black;
}
.cover-list ul li .date {
	display: block;
	font-size: 0.8125em;
	color: #999;
}

.cover-gallery {
	margin: 0 auto -1px;
	padding: 30px 0 41px;
	border-bottom: 1px solid #ebebeb;
}
.cover-gallery h2 {
	margin-bottom: 30px;
	font-size: 1em;
}
.cover-gallery ul {
	display: inline-block;
	margin-left: -12px;
}
.cover-gallery ul li {
	float: left;
	width: 20%;
	margin: 0 0 12px 0;
	padding-left: 12px;
	box-sizing: border-box;
}
.cover-gallery ul li a {
	display: block;
	position: relative;
	width: 100%;
	background-color: #ebebeb;
}
.cover-gallery ul li .title {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	position: absolute;
	top: 50%;
	left:0;
	z-index: 30;
	overflow: hidden;
	width: 100%;
	max-height: 4.2em;
	text-align: center;
	line-height: 1.4;
	padding: 0 20px;
	color: #fff;
	box-sizing: border-box;
	transform: translateY(-50%);
	visibility: hidden;
}
.cover-gallery ul li a:hover .title {
	visibility: visible;
}
.cover-gallery ul li a:hover:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}
.cover-gallery ul li a:before {
/*
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
*/
}
.cover-gallery ul li figure {
	height: 0;
	padding-bottom: 100%;
}
.cover-gallery ul li figure img {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 10;
}

.cover-footer {
	position: relative;
	z-index: 10;
	text-align: center;
}
.cover-footer .image {
	height: 300px;
	margin-bottom: 80px;
	background-position: 50% 50%;
	background-size: cover;
}
.cover-footer p {
	margin: -5px 0 20px;
	text-align: center;
	font-weight: 700;
	font-size: 1.25em;
	color: #000;
}
.cover-footer .menu ul {
	text-align: center;
}
.cover-footer .menu ul li {
	display: inline-block;
	margin: 40px 0 48px;
	padding: 0 14px;
	font-size: 0.875em;
}
.cover-footer .menu ul li a {
	display: block;
	text-decoration: none;
	color: #282828;
}
.cover-footer .menu ul li a:hover {
	text-decoration: underline;
	color: #4e2e28;
}
.cover-footer p:first-child {
	margin-top: 76px;
}
.cover-footer .social-link:first-child a {
	margin-top: 80px;
}

.post-header {
	position: relative;
	overflow: hidden;
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0 30px;
	border-bottom:dashed 1px #ccc;
}
.post-header h1 {
	float: left;
	font-size: 18px;
	font-weight:normal;
	line-height:40px;height:39px;color:#FFF;border-radius:0 2.5em 2.5em 0;
	background:#6f7b8e;
	padding:0 30px 0 14px;
	margin-bottom:-15px
}
.post-header .list-type {
	float: right;
}
.post-header .list-type button {
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 4px;
	background-image: url(/img/ico_package.png);
	background-repeat: no-repeat;
	text-indent: -999em;
}
.post-header .list-type button:hover {
	background-color: #ebebeb;
}
.post-header .list-type .list {
	background-position: 0 -200px;
}
.post-header .list-type .thum {
	background-position: -100px -200px;
}
.post-header .list-type .list.current {
	background-position: -50px -200px;
}
.post-header .list-type .thum.current {
	background-position: -150px -200px;
}

.post-item {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	padding: 20px 0 20px;
}
.post-item a {
	display: block;
	min-height: 148px;
	padding: 0px 15px 0px;
	text-decoration: none;
	color: #080808;
}
.post-item a:hover .title {
	text-decoration: underline;
	color: #4e2e28;
}
.post-item .thum {
	float: right;
	overflow: hidden;
}
.post-item .thum img {
	width: 172px;
	height: 172px;
}
.post-item .category {
	display: inline-block;
	margin-bottom: 16px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Noto Sans KR', sans-serif;;
	font-size: 0.875em;
	color: #808080;
}
.post-item .title {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 2.8em;
	font-weight: 700;
	font-size: 0.925em;
	line-height: 1.4;
	margin-bottom: 8px;
  margin-top: 8px;
}
.post-item .excerpt {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	font-size: 0.8375em;
	line-height: 1.6;
	padding-right: 40px;
	color: black;
}
.post-item .excerpt.protected:before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 13px;
	margin-right: 10px;
	background: url(/img/ico_package.png) no-repeat -0 -100px;
	vertical-align: baseline;
}
.post-item .date {
	display: block;
	font-size: 0.8125em;
	color: #999;
}

.pagination {
	max-width: 1000px;
	margin: 60px auto 130px;
	text-align: center;
}
.pagination .current {
	display: none;
}
.pagination .view-more {
	display: inline-block;
	width: 158px;
	height: 50px;
	border: 1px solid #dcdcdc;
	font-size: 0.875em;
	line-height: 50px;
	color: #000;
}
.pagination .view-more:hover {
	border-color: #4d4d4d;
	background: none;
}
.pagination a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 4px;
	text-decoration: none;
	font-size: 0.9375em;
	line-height: 24px;
	color: #b2b2b2;
	vertical-align: middle;
}
.pagination a:hover {
	background-color: #ebebeb;
}
.pagination .selected {
	color: #000;
}
.pagination .prev,
.pagination .next {
	width: 50px;
	height: 50px;
	background-image: url(/img/ico_package.png);
	background-repeat: no-repeat;
	border: 1px solid #dcdcdc;
	text-indent: -999em;
	vertical-align: middle;
	box-sizing: border-box;
}
.pagination .prev {
	background-position: -50px 0;
}
.pagination .next {
	background-position: -100px 0;
}
.pagination .prev:hover,
.pagination .next:hover {
	background-color: transparent;
	border-color: #4d4d4d;
}
.pagination .no-more-prev,
.pagination .no-more-next {display: none;}

.hgroup {
	max-width: 1000px;
	margin: 25px auto 30px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ebebeb;
}
.hgroup .category {
	display: inline-block;
	margin-bottom: 16px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Noto Sans KR', sans-serif;;
	font-size: 0.875em;
	color: #808080;
}
.hgroup h1 {
	display: block;
	margin-bottom: 9px;
	font-weight: 700;
	font-size: 1.6875em;
	line-height: 1.4444em;
}
.hgroup .post-meta {
	display: block;
	font-size: 0.8125em;
	color: #808080;
}
.hgroup .post-meta a {
	text-decoration: none;
	color: #999;
}
.hgroup .post-meta a:hover {
	text-decoration: underline;
}
.hgroup .post-meta span:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 7px 0 10px;
	background-color: #ebebeb;
	vertical-align: baseline;
}
.hgroup .post-meta span:first-child:before {
	content: none;
}

.another_category {
	margin: 60px auto 80px;
	padding: 0 !important;
	border: 0 !important;
}
.another_category h4 {
	margin-bottom: 28px;
	font-weight: 400;
	font-size: 1em !important;
}
.another_category h4 em {
	border-bottom: 1px solid #000;
	font-style: normal;
}
.another_category table {
	width: 100%;
	border-collapse: collapse;
	border: 0 !important;
	font-size: 0.9375em;
	color: black;
}
.another_category table th {
	padding: 8px 0 4px;
	border: 0 !important;
	text-align: left;
	font-weight: 400;
}
.another_category table th a {
	text-decoration: none;
	color: black;
}
.another_category td {
	width: 67px;
	padding: 8px 0 4px;
	border-left: 0 !important;
	border-top: 0 !important;
	font-size: 0.8125em;
	line-height: 1;
	color: #b2b2b2;
}

.tags {
	position: relative;
	overflow: hidden;
	max-width: 1000px;
	margin: 80px auto;
	padding-left: 47px;
	color: #999;
	box-sizing: border-box;
}
.tags h2 {
	float: left;
	width: 47px;
	margin-left: -47px;
	font-weight: 400;
	font-size: 1em;
	color: #000;
}
.tags .items a {
	display:inline-block;
	margin-left: 15px;
	text-decoration:none;
	font-size: 0.8125em;
	line-height: 1.5384;
	color: #999;
}
.tags .items a:hover {
	color: #7a583a;
}
.tags .items a:before {
	content: "#";
}

.related-articles {
	overflow: hidden;
	width: 100%;
	margin: 80px 0 60px;
}
.related-articles h2 {
	margin-bottom: 28px;
	font-weight: 400;
	font-size: 1em;
}
.related-articles h2 em {
	border-bottom: 1px solid #000;
	font-style: normal;
}
.related-articles ul {
}
.related-articles ul li {
	float: left;
	width: 24.0625%;
 	margin: 0 0 12px;
  padding-left: 1.25%;
}
.related-articles ul li:first-child {
	padding-left: 0;
}
.related-articles ul li a {
	display: block;
	text-decoration: none;
	color: #080808;
}
.related-articles ul li a:hover .title {
	text-decoration: underline;
	color: #4e2e28;
}
.related-articles ul li .thum {
	display: block;
	position: relative;
	overflow: hidden;
	height: 0;
	margin-bottom: 19px;
	padding-bottom: 75.757575757575758%;
	background-color: #ebebeb;
}
.related-articles ul li .thum:before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;;
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.related-articles ul li .thum img {

	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.related-articles ul li .category {
	display: inline-block;
	margin-bottom: 16px;
	border-bottom: 1px solid #a3a3a3;
	font-family: 'Noto Sans KR', sans-serif;;
	font-size: 0.875em;
	color: #808080;
}
.related-articles ul li .title {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	max-height: 2.75em;
	margin-bottom: 9px;
	font-weight: 700;
	line-height: 1.375;
}
.related-articles ul li .date {
	display: block;
	font-size: 0.8125em;
	color: #999;
}

/* Entry Content */
.entry-content h1 {
	margin: 30px 0 15px;
	font-size: 1.6875em;
}
.entry-content h2 {
	margin: 30px 0 15px;
	font-size: 1.5em;
}
.entry-content h3 {
	margin: 30px 0 15px;
	font-weight: 700;
	font-size: 1.3125em;
}
.entry-content h4 {
	margin: 30px 0 15px;
	font-weight: 400;
	font-size: 1.125em;
}
.entry-content p {
	/*margin-bottom: 24px;*/
	font-size: 0.9375em;
	line-height: 1.6;
	color: black;
}
.entry-content  img {
	max-width: 100%;
	height: auto;
	margin-top: 18px;
}
.entry-content hr {
	display: block;
	height: 0;
	border: 0;
	border-bottom: 1px solid #000;
}
.entry-content pre {
	word-break:break-all;
	white-space:pre-wrap;
	word-wrap:break-word;
}
.entry-content ul,
.entry-content ol {
	margin-bottom: 50px;
}
.entry-content ul {
	list-style: disc inside;
}
.entry-content ul li {
	position: relative;
	padding-left: 22px;
	font-size: 0.9375em;
	line-height: 1.6;
	color: black;
	list-style: inherit;
	text-indent: -22px;
}
.entry-content ol {
	list-style: inside decimal;
}
.entry-content ol li {
	position: relative;
	padding-left: 16px;
	font-size: 0.9375em;
	line-height: 1.6;
	color: black;
	text-indent: -15px;
	list-style: inherit;
}
.entry-content a {
	color: black;
}
.entry-content img.alignleft {
	float: left;
	margin: 0 22px 22px 0;
}
.entry-content img.aligncenter {
	display: block;
	margin: 0 auto 22px;
}
.entry-content img.alignright {
	float: right;
	margin: 0 0 22px 22px;
}
.entry-content blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px 16px;
	border-left: 4px solid #e6e6e6;
}
.entry-content blockquote p {
	margin: 22px 0 0;
}

.entry-content blockquote p:first-child {
	margin-top: 0;
}
.entry-content table {

	width:100%;
	/*
	margin-bottom: 22px;
	border: 1px solid #e6e6e6;
	border-collapse: collapse;
	font-size: 0.875em;
	line-height: 1.5714;
	color: black;
	*/
}
/*
.entry-content table thead th {

	padding:7px 5px 11px;
	border-left: 1px solid #e6e6e6;
}
.entry-content table tbody td {
	padding:7px 5px 11px;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

.entry-content table tbody td p {
	margin:0;
}
*/
.entry-content input {
	display: inline-block;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #e6e6e6;
	font-size: 0.875em;
	line-height: 1.25;
	color: black;
	box-sizing: border-box;
	vertical-align: middle;
}
.entry-content .protected_form {
	margin-bottom: 40px;
	padding: 120px 0 200px;
	border-bottom: 1px solid #7a583a;
	text-align: center;
}
.entry-content .protected_form p:before {
	content: "";
	display: block;
	width: 64px;
	height: 84px;
	margin: 0 auto 30px;
	background: url(/img/ico_package.png) no-repeat -50px -100px;
}
.entry-content .protected_form input {
	width: 220px;
	height: 50px;
	margin-bottom: 10px;
	background-color: transparent;
	vertical-align: top;
}
.entry-content .cap1 {
	text-align: center;
	font-size: 0.875em;
	margin-top: 6px;
}
.entry-content iframe {
	max-width: 100%;
}

.entry-content pre {
	background-color:#eee;
	padding:20px;
}

/* Comment */
.comments {
	max-width: 1000px;
	margin: 0 auto 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e6e6e6;
}
.comments h2 {
	font-weight: 400;
	font-size: 1em;
	color: #000;
}
.comments .comment-list {
	margin-bottom: 10px;
}
.comments .comment-list ul li {
	padding: 20px 0;
	border-top: 1px solid #e6e6e6;
}
.comments .comment-list ul li:first-child {
	border: none;
}
.comments .comment-list ul li ul {
	margin: 20px 0 -20px;
}
.comments .comment-list ul li ul li {
	padding: 20px 0 20px 58px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 0;
}
.comments .comment-list ul li .author-meta {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding:15px 0 0 58px;
	box-sizing: border-box;
}
.comments .comment-list ul li .author-meta span {
	display: inline-block;
	text-decoration: none;
	font-size: 0.9375em;
	color: #000;
	vertical-align: middle;
}
.comments .comment-list ul li .author-meta img {
	float: left;
	width: 48px;
	height: 48px;
	margin: -15px 0 0 -58px;
	border-radius: 50%;
}
.comments .comment-list ul li .author-meta a {
	text-decoration:none;
	font-size: 1em;
	color: #000;
}
.comments .comment-list ul li .author-meta .date {
	margin-left: 10px;
	font-size: 0.8125em;
	color: #999;
}
.comments .comment-list ul li .author-meta .date:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 9px;
	margin-right: 10px;
	background-color: #b2b2b2;
}
.comments .comment-list ul li .author-meta .date a {
	margin-left: 10px;
	color: #000
}
.comments .comment-list ul li .author-meta .control {
	position: absolute;
	top: 0;
	right:0;
}
.comments .comment-list ul li .author-meta .control a {
	margin:0 2px;
	text-decoration: none;
	font-size: 12px;
	color: #999;
}
.comments .comment-list ul li div {
	padding: 0 0 0 58px;
	font-size: 0.8375em;
	line-height: 1.5714;
	/*color: #666;*/
}
.comments .comment-form .field {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 8px;
}
.comments .comment-form input[type=text],
.comments .comment-form input[type=password],
.comments .comment-form textarea {
	border: 1px solid #e6e6e6;
	font-size: 0.9375em;
	line-height: 1.25;
	color: black;
	background-color: transparent;
}
.comments .comment-form input[type=text],
.comments .comment-form input[type=password] {
	width: 140px;
	height: 52px;
	margin-right: 6px;
	padding: 10px;
	box-sizing: border-box;
}
.comments .comment-form input::-webkit-input-placeholder,
.comments .comment-form textarea::-webkit-input-placeholder {color: #d6d6d6;}
.comments .comment-form textarea {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	resize: none;
	box-sizing: border-box;
}
.comments .comment-form .field .secret {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}
.comments .comment-form .field .secret input {
	display: none;
}
.comments .comment-form .field .secret label {
	font-size: 0.8125em;
	line-height: 52px;
	color: black;
	outline: none;
	cursor: pointer;
}
.comments .comment-form .field .secret label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 18px;
	margin-right: 9px;
	border: 1px solid #e1e1e1;
	vertical-align: middle;
	background-color: #fff;
}
.comments .comment-form .field .secret input[type=checkbox]:checked+label:before {
	background-image: url(/img/ico_package.png);
	background-repeat: no-repeat;
	background-position: -150px -100px;
}
.comments .comment-form .field .submit {
	float: right;
}

/* Widget & Template Page */

/* ETC */
#dimmed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.43);
}

/* Post Type & Color Type */
.post-type-thumbnail .post-item {
	float: left;
	width: 24.0625%;
	margin: 0 0 57px;
	padding-left: 1.25%;
	border: 0;
}
.post-type-thumbnail .post-item:nth-child(4n+1) {
	padding-left: 0;
}
.post-type-thumbnail .post-item a {
	padding: 0;
}
.post-type-thumbnail .post-item .thum {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: none;
	height: 0;
	margin: 0 0 9px 0;
	padding-bottom: 75.757575757575758%;
	background-color: #ebebeb;
}
.post-type-thumbnail .post-item .thum:before {
	content: "NO IMAGE";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 18px;
	margin: -9px 0 0 0;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;;
	font-weight: bold;
	font-size: 0.875em;
	color: #cbcbcb;
}
.post-type-thumbnail .post-item .thum img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	margin: 0;
}
.post-type-thumbnail .post-item .title {
	display: block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	width: 100%;
	height: 2.75em;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.375em;
}
.post-type-thumbnail .post-item .excerpt {
	display: none;
}

/* Color Type */
.color-chocolate,
.color-chocolate .cover-footer,
.color-chocolate #footer {
	background-color: #f4f2f1;
}
.color-chocolate #header h1 a,
.color-chocolate #gnb ul li a,
.color-chocolate #footer .admin,
.color-chocolate .cover-thumbnail-list ul li a,
.color-chocolate .cover-masonry ul li a,
.color-chocolate .cover-list ul li a,
.color-chocolate .cover-footer p,
.color-chocolate .cover-footer .menu ul li a,
.color-chocolate .post-item a,
.color-chocolate .hgroup h1,
.color-chocolate .hgroup .post-meta a,
.color-chocolate .entry-content h1,
.color-chocolate .entry-content h2,
.color-chocolate .entry-content h3,
.color-chocolate .entry-content h4,
.color-chocolate .entry-content a,
.color-chocolate .related-articles ul li a,
.color-chocolate .comments .comment-list ul li .author-meta span,
.color-chocolate .comments .comment-list ul li .author-meta .date a,
.color-chocolate .pagination .selected {
	color: #4e2e28;
}
.color-chocolate #header .menu p,
.color-chocolate #footer p,
.color-chocolate .cover-thumbnail-list ul li .date,
.color-chocolate .cover-masonry ul li .excerpt,
.color-chocolate .cover-list ul li .excerpt,
.color-chocolate .cover-list ul li .date,
.color-chocolate .post-item .excerpt,
.color-chocolate .post-item .date,
.color-chocolate .hgroup .post-meta,
.color-chocolate .another-category td,
.color-chocolate .tags .items a,
.color-chocolate .related-articles ul li .date,
.color-chocolate .comments .comment-list ul li .author-meta .date,
.color-chocolate .comments .comment-list ul li .author-meta .control a {
	color: #a69693;
}
.color-chocolate .cover-thumbnail-list ul li .category,
.color-chocolate .cover-masonry ul li .category,
.color-chocolate .hgroup .category {
	color: #94817e;
}
.color-chocolate .entry-content p,
.color-chocolate .entry-content table,
.color-chocolate .entry-content ul li,
.color-chocolate .entry-content ol li,
.color-chocolate .another-category table,
.color-chocolate .another-category table th a,
.color-chocolate .comments .comment-list ul li p {
	color: #836c68;
}
.color-chocolate #gnb ul li a:hover,
.color-chocolate .cover-footer .menu ul li a:hover,
.color-chocolate .cover-thumbnail-list ul li a:hover .title,
.color-chocolate .cover-masonry ul li a:hover .title,
.color-chocolate .cover-list ul li a:hover .title,
.color-chocolate .post-item a:hover .title,
.color-chocolate .related-articles ul li a:hover .title {
	color: #2d140f;
}
.color-chocolate .cover-thumbnail-list ul li .category,
.color-chocolate .cover-masonry ul li .category,
.color-chocolate .hgroup .category {
	border-color: #a69693;
}
.color-chocolate .entry-content ul li:before {
	background-color: #a69693;
}
.color-chocolate #header .mobile-menu:before,
.color-chocolate #header .mobile-menu:after,
.color-chocolate #header .mobile-menu span {
	background-color: #4e2e28;
}
.color-chocolate .pagination a:hover,
.color-chocolate #header .search:hover:before {
	background-color: #e7e2e1;
}
.color-chocolate .btn,
.color-chocolate .cover-thumbnail-list
.color-chocolate .cover-masonry
.color-chocolate .cover-list
.color-chocolate .cover-gallery,
.color-chocolate .cover-list ul li,
.color-chocolate .post-item,
.color-chocolate .hgroup,
.color-chocolate .entry-content table,
.color-chocolate .entry-content table thead th,
.color-chocolate .entry-content table tbody td,
.color-chocolate .entry-content blockquote,
.color-chocolate .comments,
.color-chocolate .comments .comment-list ul li,
.color-chocolate .comments .comment-form input[type=text],
.color-chocolate .comments .comment-form input[type=password],
.color-chocolate .comments .comment-form textarea,
.color-chocolate .comments .comment-form .field .secret label:before,
.color-chocolate .pagination .prev,
.color-chocolate .pagination .next,
.color-chocolate .pagination a {
	border-color: #e7e2e1;
}
.color-chocolate .social-link a,
.color-chocolate #header .search button,
.color-chocolate #header .search:before,
.color-chocolate .cover-thumbnail-list ul li .thum:before,
.color-chocolate .cover-gallery ul li a:before,
.color-chocolate .post-header .list-type button,
.color-chocolate .related-articles ul li .thum:before {
	background-image: url(/img/ico_package_chocolate.png);
}
.color-chocolate .btn:hover,
.color-chocolate .pagination .prev:hover,
.color-chocolate .pagination .next:hover {
	border-color: #4d4d4d;
}
.color-chocolate #header .search.on {
	border-color: #4e2e28;
}

/* Retina Display */
@media  only screen and (-webkit-min-device-pixel-ratio:1.5) {
	#header .search button,
	#header .search:before,
	.social-link a,
	.cover-slider .prev,
	.cover-slider .next,
	.cover-gallery ul li a:before,
	.post-header .list-type button,
	.pagination .prev,
	.pagination .next,
	.comments .comment-form .field .secret input[type=checkbox]:checked+label:before {
		background-image: url(/img/ico_package_2x.png);
		background-size: 200px auto;
	}
	.color-chocolate .social-link a,
	.color-chocolate #header .search button,
	.color-chocolate .cover-gallery ul li a:before,
	.color-chocolate .post-header .list-type button {
		background-image: url(/img/ico_package_chocolate_2x.png);
		background-size: 200px auto;
	}
}

/* Media Screen - Tablet */
@media screen and (max-width:1023px) {
	#header .search.on {
		width: 180px;
	}
	#content>.inner {
		padding: 0 40px;
	}
	.post-header {
		padding: 40px;
	}
	#tt-body-index #content>.inner {
		padding: 0;
	}
	.cover-thumbnail-list {
		padding: 40px 40px 65px;
	}
	.cover-slider ul li .title {
		max-width: none;
		padding: 0 98px
	}
	.cover-slider .prev {
		left: 14px;
		margin-left: 0;
	}
	.cover-slider .next {
		left: auto;
		right: 14px;
		margin-left: 0;
	}
	.cover-masonry {
		padding: 60px 40px 81px;
	}
	.cover-list {
		padding: 60px 40px 85px;
	}
	.cover-gallery {
		padding: 60px 40px 130px;
	}
}

/* Media Screen - Mobie */
@media screen and (max-width:767px) {
	#header h1 {
	padding: 30px 0 25px;
	font-size: 23px;
		letter-spacing:-0.5px
}

#header h1 .stext{
	padding-top: 3px;
	font-size: 12px;
	
}
	.mymenu{display:none}
	#header .mobile-menu {
		top: 10px;
		left: 11px;
	}
	#header h1 {
		padding: 15px 62px;
		line-height: 1.25;
	}
	#header h1 a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#header .search {
		top: 10px;
		right: 1px;
	}
	#header .search.on {
		position: absolute;
		top: 60px;
		left: 0;
		right: auto;
		z-index: 100;
		width: 100%;
		padding: 10px 18px 10px 17px;
		border: 0;
		background-color: #fff;
		box-sizing: border-box;
	}
	#header .search.on input {
		border-bottom: 1px solid #000;
	}
	#header .search.on button {
		top: -50px;
		right: 1px;
	}
	#content>.inner {
		padding: 0 18px;
	}
	.post-header {
		padding: 20px 18px;
	}
	.cover-thumbnail-list {
		padding: 40px 18px 65px;
	}
	.cover-thumbnail-list ul li,
	.related-articles ul li {
		width: 48.591549295774648%;
    padding-left: 2.816901408450704%;
	}
	.cover-thumbnail-list ul li:nth-child(odd),
	.related-articles ul li:nth-child(odd) {
		clear: both;
		padding-left: 0;
	}
	.cover-slider ul li {
		width: 100%;
		box-sizing: border-box;
	}
	.cover-slider ul li .title {
		display:-webkit-box;
		-webkit-line-clamp:4;
		-webkit-box-orient:vertical;
		overflow:hidden;
		max-height: 5.2em;
		padding: 0 45px;
		font-size: 2.125em;
	}
	.cover-slider .prev {
		top: auto;
		bottom: 0;
		left: 0;
	}
	.cover-slider .next {
		top: auto;
		right: 0;
		bottom: 0;
	}
	.cover-masonry {
		padding: 60px 18px 81px;
	}
	.cover-masonry ul li {
		float: none;
		width: 100%;
	}
	.cover-masonry ul li .category,
	.cover-list ul li .category {
		margin-bottom: 8px;
	}
	.cover-thumbnail-list ul li .title,
	.related-articles ul li .title,
	.cover-list ul li .title {
		display:-webkit-box;
		-webkit-line-clamp:3;
		-webkit-box-orient:vertical;
		overflow:hidden;
		max-height: 4.2em;
		line-height: 1.4;
	}
	.cover-list {
		padding: 30px 18px 80px;
	}
	.cover-list ul li a {
		min-height: 100px;
	}
	.cover-list ul li figure {
		width: 100px;
		height: 100px;
		margin: 0 0 0 18px;
	}
	.cover-list ul li .title {
		-webkit-line-clamp: 2;
	}
	.cover-list ul li .excerpt {
		display: none;
	}
	.cover-gallery {
		padding: 60px 18px 130px;
	}
	.cover-gallery ul li {
		width: 50%;
	}
	.post-item a {
		min-height: 100px;
	}
	.post-item .thum {
		max-width: 100px;
		margin-left: 18px;
	}
	.post-item .thum img {
		width: auto;
		height: 100px;
	}
	.post-item .title {
		line-height: 1.2;
	}
	.post-item .excerpt {
		-webkit-line-clamp: 2;
	}
	.post-type-thumbnail .post-item {
		width: 48.591549295774648%;
		margin-bottom: 26px;
		padding-left: 2.816901408450704%;
	}
	.post-type-thumbnail .post-item:nth-child(4n+1) {
		padding-left: 2.816901408450704%;
	}
	.post-type-thumbnail .post-item:nth-child(2n+1) {
		clear: both;
		padding-left: 0%;
	}
	.post-type-thumbnail .post-item .title {
		-webkit-line-clamp: 3;
		height: auto;
		max-height: 4.125em;
	}
	.entry-content .table-wrap {
		overflow: auto;
		width: 100%;
	}
	.entry-content table {
		width: 680px;
		table-layout: fixed;
	}
	.entry-content .protected_form input {
		display: block;
		width: 160px;
		margin: 0 auto 10px;
	}
	.pagination {
		padding: 0 18px;
	}
	.pagination a {
		display: none;
	}
	.pagination .current {
		display: block;
		font-size: 0.875em;
		line-height: 50px;
	}
	.pagination .prev {
		display: block;
		float: left;
		margin: 0;
	}
	.pagination .next {
		display: block;
		float: right;
		margin: 0;
	}
	.another-category table th {
		display: block;
		padding: 0;
	}
	.another-category table td {
		display: block;
		margin-bottom: 19px;
	}
	.comments .comment-list ul li .author-meta {
		margin-bottom: 15px;
	}
	.comments .comment-list ul li .author-meta .control {
		display: none;
	}
	.comments .comment-list ul li p {
		padding-left: 0;
	}
	.comments .comment-list ul li ul li {
		position: relative;
		padding-left: 50px;
	}
	.comments .comment-list ul li,
	.comments .comment-list ul li:first-child {
		border-top: 1px solid #e6e6e6;
	}
	.comments .comment-list ul li ul li:before {
		content: "";
		position: absolute;
		top: 34px;
		left:18px;
		width: 12px;
		height: 12px;
		background: url(/img/ico_package.png) no-repeat 0 -150px;
	}
	.comments .comment-list ul li ul li .author-meta {
		padding-top: 6px;
	}
	.comments .comment-list ul li ul li .author-meta img {
		margin-top: -6px;
	}
	.comments .comment-list ul li ul li .author-meta .nickname {
		display: block;
	}
	.comments .comment-list ul li ul li .author-meta .date {
		margin-left: 0;
	}
	.comments .comment-list ul li ul li .author-meta .date:before {
		display: none;
	}
	.comments .comment-form input[type=text],
	.comments .comment-form input[type=password] {
		width: 100px;
	}
	.comments .comment-form .field .secret {
		margin-left: 0;
	}
	.comments .comment-form .field .secret label:before {
		margin-right: 5px;
	}
	.comments .comment-form .field .submit {
		display: block;
		float: none;
		margin: 60px auto 0;
	}
}
.arrBox{width: 70px;height: 40px;position: fixed;right: 0;cursor: pointer;bottom:0px;display: none;}.arrow {display: block;margin: 0 auto;width: 30px;height: 30px;box-sizing: border-box;position: relative;z-index: 3;transform: rotate(-45deg);transition: .15s ease-out;}.arrow::before {content: '';width: 100%;height: 100%;border-top: 1px solid #003;border-right: 1px solid #003;transition: .2s ease;display: block;}.arrBox:hover .arrow{margin-top:-10px;}







#wrap{
	#min-width: 1900px;
	max-width: 100%;
	margin-top:0 auto;
	background-color:#fbfbfb !important;
}
#wrap.en{'Noto Sans KR', sans-serif;;}
#wrap.en button,#wrap.en select,#wrap.en input{ 'Noto Sans KR', sans-serif;;}
#header{
	position: absolute;
	top:0;
	left:0;
	right:0;
	#min-width:1900px;
}
#gnb .navi:before {
    content: "";
    position: absolute;
    top: 0;bottom:0;
    left: 70px;right:70px;
    z-index: 1000;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    background: rgba(0, 0, 0, 0.75);
    visibility: hidden;
}
body.stop{overflow: hidden;}
body.stop #gnb .navi:before {visibility:visible;opacity: 1;}
#misc_btns{position: relative;overflow: hidden;/* max-width: 1200px; */margin: 0 auto;/*padding: 28px 0 12px;*/z-index: 999;opacity: 1;}
#misc_btns a{position: relative;display: inline-block;font-size: 11px;color: #fff;line-height: 12px;padding: 0 11px;}
#misc_btns a:before{content: '';position: absolute;top:0;bottom:0;left:0;width: 1px;background: #fff;opacity: 0.3}
#misc_btns a:first-child:before{content: none;}
#misc_btns .left_area{float: left;font-size: 0;letter-spacing: 0;word-spacing: 0;}
#misc_btns .left_area a{font-size: 11px;letter-spacing: 0;line-height: 12px;  font-weight: bold;}
#misc_btns .right_area{float: right;font-size: 0;letter-spacing: 0;word-spacing: 0;}
#gnb{position: relative;  top: 0;text-align: center;width:100%;margin: 0 auto;z-index: 999;min-height:60px;/*min-height: 194px; border-bottom: 1px solid #eaeaea;*/}
#gnb .left_area{float: left;font-size: 0;letter-spacing: 0;word-spacing: 0;}
#gnb .left_area a{font-size: 11px;letter-spacing: 0;line-height: 12px;  font-weight: bold;}
#gnb .right_area{float: right;font-size: 0;letter-spacing: 0;word-spacing: 0;}

#gnb .navi{min-width:1200px;position: absolute;left:0;right: 0;top:0;  width: 100%;height:60px; /*max-width: 1200px;*/margin: 0 auto;/*font-size: 0;*/letter-spacing: 0;word-spacing: 0;}
#gnb .navi:after{content:none;}
#gnb .navi .center{position:relative;/*max-width: 1060px;*/margin: 0 auto;display: inline-block;vertical-align: top;}
#gnb .navi .center> .center_inner>*{display: inline-block; vertical-align: top;}
#gnb .navi .btn_left{left:0;top:0;bottom:0;z-index: 1000; width: 70px;height:70px;font-size: 15px;position: absolute;top: 0;left: 0; }
body.active_right #gnb .navi .btn_left{z-index: 999;}
body.active_left #gnb .navi .btn_right{z-index: 999;}
#gnb .navi .btn_right{right:0;top:0;bottom:0;z-index: 1000;width: 70px;height:70px;font-size: 15px;position: absolute;top: 0;right: 0;}
#gnb .navi .btn_left{display: block;}
#gnb .navi .btn_right{display: block;}
#gnb .navi .btn_left:hover{background-position:center center;}
#gnb .navi .btn_right:hover{background-position:center center;}
body.stop #gnb .navi .btn_left{background-position:right center;}
body.stop #gnb .navi .btn_right{background-position:left center;}


#wrap.main #gnb .navi > a.left:hover > div.rot_box:after{background-position:center center;}
#wrap.main #gnb .navi > a.right:hover > div.rot_box:after{background-position:center center;}
body.stop #wrap.main #gnb .navi > a.left > div.rot_box:after{background-position:right center;}
body.stop #wrap.main #gnb .navi > a.right > div.rot_box:after{background-position:left center;}

body.stop #misc_btns{opacity: 0;}

#wrap.main #gnb .navi {width:210px;min-width:210px;font-size:0;letter-spacing:0;word-spacing:0;background: none;overflow: hidden;}
#wrap.main #gnb .navi > * {width:70px;height:70px;}
#wrap.main #gnb .navi > *:hover > div.rot_box { transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg); }
#wrap.main #gnb .navi > * > div.rot_box {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    float:left;
    transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg);
    transition: transform 1s cubic-bezier(.217,.60,.355,1);
}
#wrap.main #gnb .navi > div.center .center_inner{  position: relative;visibility: hidden;opacity: 0;/*min-width: 1060px;*/  min-width: 1060px;overflow: hidden}
#wrap.main #gnb .navi .btn_left{background: none;position: absolute;top: 0;left: 0;}
#wrap.main #gnb .navi .btn_right{background: none;position: absolute;top: 0;right: 0;}

#wrap.main #gnb .navi > div.center > div.rot_box { transition-delay:0.1s; }
#wrap.main #gnb .navi > a.right > div.rot_box { transition-delay:0.2s; }

#wrap.main #gnb .navi > * > div.rot_box:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;

    transform: rotateX(0deg) translateZ(35px);
    backface-visibility: hidden;
}

#wrap.main #gnb .navi > a.left > div.rot_box:before { box-shadow: inset 0 0 0 3px #F1732F; }
#wrap.main #gnb .navi > div.center > div.rot_box:before { box-shadow: inset 0 0 0 3px #FFFFFF;}
#wrap.main #gnb .navi > a.right > div.rot_box:before { box-shadow: inset 0 0 0 3px #E91F3E;}

#wrap.main #gnb .navi > * > div.rot_box:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    transform: rotateX(90deg) translateZ(35px);
    backface-visibility: hidden;
}

#wrap.main #gnb .navi > a.left > div.rot_box:after { background:#f1732f url('/Images/common/btn_business.png') no-repeat left center;}
#wrap.main #gnb .navi > div.center > div.rot_box:after {background:#FFFFFF;}
#wrap.main #gnb .navi > a.right > div.rot_box:after {background:#e91f3e url('/Images/common/btn_people.png') no-repeat right center;}


/* animation */
#wrap.main #gnb .navi.step1{}
#wrap.main #gnb .navi.step1 > * > div.rot_box{transform: rotateX(-90deg);}

/* step */
#wrap.main #gnb .navi.step2 {width:1200px;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;background: #fff;}
#wrap.main #gnb .navi.step2 > div.center {width:1060px;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;}
#wrap.main #gnb.scroll .navi.step2 {width:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;}
#wrap.main #gnb .navi.step3 > div.center .center_inner{visibility: visible;opacity: 1; transition:all 0.5s 0.4s;-webkit-transition:all 0.5s 0.4s;-moz-transition:all 0.5s 0.4s;}
#wrap.main #gnb .navi.step3 {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
#wrap.main #gnb.scroll .navi.step3 {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
#wrap.main #gnb .navi.step3 .btn_left{background: #f1732f url(/Images/common/btn_business.png) no-repeat left center;}
#wrap.main #gnb .navi.step3 .btn_right{background: #f1732f url(/Images/common/btn_people.png) no-repeat right center;}
#wrap.main #gnb.scroll .navi.step3{background:#fff;max-width: 2000px;width:100%}

#gnb .navi ul.depth1{position: relative;font-size: 0;letter-spacing: 0;word-spacing: 0;margin: 0 auto;}
#gnb .navi ul.depth1 > li{display:inline-block; vertical-align: top;font-size:16.5px;margin: 0 20px;padding: 0 15px;font-weight: 700;}
#gnb .navi ul.depth1 > li > a{position: relative;display: block;color: #333333;height: 70px;line-height: 71px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#gnb .navi ul.depth1 > li > a:hover, #gnb .navi ul.depth1 > li > a.on{color: #ff4311;}
#gnb .navi ul.depth1 > li:first-child > a:before{content: none;}
#gnb .navi ul.depth1 > li > a:after{content: none;}
#gnb .navi .logo{width: 300px;margin: 0 25px;}
#gnb .navi .logo > a{position: relative;display: block;color: #333333;height: 70px;padding: 19px 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

#gnb .navi .logo > a:before{content: '';position: absolute;left:0;top:27px;bottom:27px;width: 1px;background:#e9e9e9; }
#gnb .navi .logo > a:after{content: '';position: absolute;right:0;top:27px;bottom:27px;width: 1px;background:#e9e9e9; }
#gnb .navi .logo img{max-width: 227px;}

#gnb .navi ul.depth1 > li .depth2{visibility: hidden;position:absolute;left:0;width:140px;background-color:#fff;opacity: 0;z-index:1;padding:20px 0;box-sizing: border-box;-webkit-box-sizing: border-box;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;font-size: 10.5px;line-height: 14px;font-weight: 700;
	border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;
}

#gnb .navi ul.depth1 > li .depth2 > li{display: block;position:relative;width: 100%;opacity:0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform:translateY(-10px);
}


#gnb .navi ul.depth1 > li .depth2 > li > a{display: inline-block;position:relative;vertical-align:middle;z-index: 1;padding: 5px 0;text-align:left;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
text-decoration: none;
}
#gnb .navi ul.depth1 > li .depth2 > li > a:before{content: '';position: absolute;left:0;right:0;bottom:4px;height: 1px; background: #ff4311;opacity: 0;}
#gnb .navi ul.depth1 > li .depth2.depth_one{left:24px;top:58px;}
#gnb .navi ul.depth1 > li .depth2.depth_two{left:220px;top:58px;}
#gnb .navi ul.depth1 > li .depth2.depth_three{left:419px;top:58px;}
#gnb .navi ul.depth1 > li .depth2.depth_four{left:610px;top:58px;}
#gnb .navi ul.depth1 > li .depth2.depth_five{left:805px;top:58px;}


#gnb .navi ul.depth1 > li:hover, #gnb .navi ul.depth1 > li.on{color: #333333;}
#gnb .navi ul.depth1 > li:hover .depth2{visibility: visible;opacity: 1;}
#gnb .navi ul.depth1 > li.on .depth2{visibility: visible;opacity: 1;z-index:2;}
#gnb .navi ul.depth1 > li:hover .depth2, #gnb .navi ul.depth1 > li.on .depth2{border-top:1px solid #ff4311;}
#gnb .navi ul.depth1 > li:hover .depth2 > li, #gnb .navi ul.depth1 > li.on .depth2 > li{opacity:1; -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform:translateY(0px);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}





#gnb .navi ul.depth1 > li .depth2 > li a:hover
,#gnb .navi ul.depth1 > li .depth2 > li a.on{color:#ff4311;display: inline-block}
#gnb .navi ul.depth1 > li .depth2 > li > a:hover:before
,#gnb .navi ul.depth1 > li .depth2 > li > a.on:before{opacity: 1;}


#gnb .navi ul.depth1 > li:hover .depth2 > li:nth-child(1), #gnb .navi ul.depth1 > li.on .depth2 > li:nth-child(1){transition-delay: 0.1s;}
#gnb .navi ul.depth1 > li:hover .depth2 > li:nth-child(2), #gnb .navi ul.depth1 > li.on .depth2 > li:nth-child(2){transition-delay: 0.2s;}
#gnb .navi ul.depth1 > li:hover .depth2 > li:nth-child(3),#gnb .navi ul.depth1 > li.on .depth2 > li:nth-child(3){transition-delay: 0.3s;}
#gnb .navi ul.depth1 > li:hover .depth2 > li:nth-child(4),#gnb .navi ul.depth1 > li.on .depth2 > li:nth-child(4){transition-delay: 0.4s;}
#gnb .navi ul.depth1 > li:hover .depth2 > li:nth-child(5),#gnb .navi ul.depth1 > li.on .depth2 > li:nth-child(5){transition-delay: 0.5s;}
#gnb .navi ul.depth1 > li:hover .depth2 > li:nth-child(6),#gnb .navi ul.depth1 > li.on .depth2 > li:nth-child(6){transition-delay: 0.6s;}




/* 스크롤시 */
#gnb.scroll{position: fixed;max-width: none;background:white;}
#gnb.scroll .navi{max-width: 2000px;width:100%;top:0 !important;}
#gnb.scroll .navi:after{content: '';position: absolute;bottom:0;left:0;right:0;height: 1px;background: #eaeaea;}
#gnb.scroll .navi ul.depth1 > li .depth2{border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;/*border-bottom: 1px solid #eaeaea;*/}







#wrap.media_360 #gnb{position: fixed;max-width: none;}
#wrap.media_360 #gnb .navi{max-width: 2000px;width:100%;}
#wrap.media_360 #gnb .navi:after{content: '';position: absolute;bottom:0;left:0;right:0;height: 1px;background: #eaeaea;}
#wrap.media_360 #gnb .navi ul.depth1 > li .depth2{border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
#contents{position:relative;left:0;}

body.active_left #contents,body.active_right #contents{-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
#contents:before {
    content: "";
    position: absolute;
    top: 0;bottom:0;
    left: 0;right:0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.75);
    visibility: hidden;
}

body.stop #contents:before {visibility:visible;opacity: 1;}
.header_inner_wrap .header_inner{ background: #fff;overflow-y: auto}
.header_inner_wrap .header_inner h3{background: url('/Images/common/header_side_bg.png') repeat-y center top;background-size: 100%;color: #fff;padding: 37px 0 15px 40px;font-size: 18px;line-height: 18px;letter-spacing: 0.8px;  font-weight: bold;}
.header_inner_wrap .header_inner h4{font-size: 0;}
.header_inner_wrap .header_inner .block >a{position:relative;margin: 0 auto;width: 181px;display: block;}
.header_inner_wrap .header_inner .block >a .on{position: absolute;left:0;top:0;opacity: 0;visibility: hidden}
.header_inner_wrap .header_inner .block >a:hover  .off{opacity: 0;visibility: hidden}
.header_inner_wrap .header_inner .block >a:hover  .on{opacity: 1;visibility: visible}
.header_inner_wrap .header_inner .block{padding:30px 37px;border-bottom:8px solid #ececec}
.header_inner_wrap .header_inner .block.block3{border: 0;}

/*.header_inner_wrap  ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);border-radius: 8px;background-color: #F5F5F5;}
.header_inner_wrap  ::-webkit-scrollbar{width: 4px;background-color: #F5F5F5;}
.header_inner_wrap  ::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);background-color: #999;}*/

#header_left .header_inner_wrap .dimmed_area{position: absolute;left: 480px;top: 0;bottom: 0;right: 0;}
#header_left .header_inner_wrap .header_inner .block.first{padding: 30px 15px;}
#header_left .header_inner_wrap .header_inner .block.first ul{overflow: hidden;}
#header_left .header_inner_wrap .header_inner .block.first ul li{position: relative;float: left;width: 25%;}
#header_left .header_inner_wrap .header_inner .block.first ul li:before{content: '';position: absolute;left:0;top:34px;width: 2px;height: 2px;background: #b2b2b2;border-radius: 100%;}
#header_left .header_inner_wrap .header_inner .block.first ul li:first-child:before{content: none;}
#header_left .header_inner_wrap .header_inner .block.first ul li a{font-size: 14px;line-height: 24px;letter-spacing: 0.14px;color: #666666;display: block;text-align: center;}
#header_left .header_inner_wrap .header_inner .block.first ul li a span{font-size: 11px;line-height: 18px;font-weight: 900;color: #333333;display: block;}
#header_left .header_inner_wrap .header_inner .block.first ul li a .ico{position: relative;width: 70px;margin: 0 auto 15px;}
#header_left .header_inner_wrap .header_inner .block.first ul li a .ico .on{position: absolute;left:0;top:0;opacity: 0;visibility: hidden}
#header_left .header_inner_wrap .header_inner .block.first ul li a:hover .ico .off{opacity: 0;visibility: hidden}
#header_left .header_inner_wrap .header_inner .block.first ul li a:hover .ico .on{opacity: 1;visibility: visible}
#header_left .header_inner_wrap .header_inner .block2 .search_area{position: relative;margin: 20px 0}
#header_left .header_inner_wrap .header_inner .block2 .search_area label{font-size: 0;position: absolute;top:0;left:0;}
#header_left .header_inner_wrap .header_inner .block2 .search_area button{position: absolute;right: 0;top:0;}
#header_left .header_inner_wrap .header_inner .block2 .search_area input{height: 53px;border: 2px solid #ff4311;width: 100%;padding: 0 50px 0 20px;font-size: 16px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

#header_left .header_inner_wrap .header_inner .block2 .keyword_area{position: relative;overflow: hidden;margin-top: 10px;}
#header_left .header_inner_wrap .header_inner .block2 .keyword_area >a>span{display: block;width: 5px;height: 10px;overflow:hidden;margin: 3px auto;}
#header_left .header_inner_wrap .header_inner .block2 .keyword_area >a.on>span img{margin-top: -12px;}
#header_left .header_inner_wrap .header_inner .block2 .keyword_area .right_btn{position: absolute;top:0;right: 0;width: 13px;height: 17px;display: block;border: 1px solid #c6c6c6;border-radius: 3px;}
#header_left .header_inner_wrap .header_inner .block2 .keyword_area .left_btn{position: absolute;top:0;left: 0;width: 13px;height: 17px;display: block;border: 1px solid #c6c6c6;border-radius: 3px;}
#header_left .header_inner_wrap .header_inner .block2 .keyword_area.many{text-align: center;}
#header_left .header_inner_wrap .header_inner .block2 .keyword_area.many .keyword_list{width: 370px;overflow: hidden; margin: 0 auto;}
#header_left .header_inner_wrap .header_inner .block2 .keyword_area.many .keyword_list ul{width: 1000%;}
#header_left .header_inner_wrap .header_inner .block2 .keyword_area.many .keyword_list li{float: left;margin-left: 5px;}
/*#header_left .header_inner_wrap .header_inner .block2 .keyword_area.many .keyword_list li:first-child{margin-left: 10px;}*/
#header_left .header_inner_wrap .header_inner .block2 .keyword_area.many .keyword_list li a{display: inline-block;padding: 0 11px;font-size: 12px;line-height: 17px;border: 1px solid #c6c6c6;border-radius: 50px;vertical-align: top}
#header_left .header_inner_wrap .header_inner .block2 .keyword_area.many .keyword_list li a:hover{border-color: #ff4311;color: #ff4311;}

#header_left .header_inner_wrap .header_inner .block3 ul{margin: 20px 0;}
#header_left .header_inner_wrap .header_inner .block3 ul li:first-child{border-top: 1px solid #e5e5e5;}
#header_left .header_inner_wrap .header_inner .block3 ul li{border-bottom: 1px solid #e5e5e5;}
#header_left .header_inner_wrap .header_inner .block3 ul li a{overflow: hidden;display: block;padding: 24px 0;}
#header_left .header_inner_wrap .header_inner .block3 ul li a img{float: left;border: 1px solid #c6c6c6;}
#header_left .header_inner_wrap .header_inner .block3 ul li a .text{text-align: left;float: right;width: 230px;}
#header_left .header_inner_wrap .header_inner .block3 ul li a .text .title{position: relative; font-size: 16px;line-height: 20px;color: #333333;margin: 3px 0 10px;display: inline-block;padding-right: 23px;  padding-bottom: 2px;max-width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-text-overflow: ellipsis;text-overflow:ellipsis;white-space: nowrap;  overflow: hidden;}
#header_left .header_inner_wrap .header_inner .block3 ul li a .text .title:before{content: '';position: absolute;bottom:0;left:0;right:23px;height: 1px;background: #ff4311;opacity: 0;}
#header_left .header_inner_wrap .header_inner .block3 ul li a .text .title:after{content: '';position: absolute;bottom:2px;right:0;background: url('/Images/common/ico_arw_r.png') no-repeat right center;opacity: 0;width: 18px;height: 18px;}
#header_left .header_inner_wrap .header_inner .block3 ul li a .text .desc{position: relative;color: #666666;font-size: 12px;line-height: 19px;max-height: 76px; overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 4;display: -webkit-box; -webkit-box-orient: vertical;}
#header_left .header_inner_wrap .header_inner .block3 ul li a:hover .text .title{color: #ff4311;}
#header_left .header_inner_wrap .header_inner .block3 ul li a:hover .text .title:before{opacity: 1;}
#header_left .header_inner_wrap .header_inner .block3 ul li a:hover .text .title:after{opacity: 1;}
#header_left .header_inner_wrap .header_inner .block2 h5{font-size: 11px;line-height: 16px;color: #333333;letter-spacing: 1.1px;}

#header_right .header_inner_wrap .dimmed_area{position: absolute;right: 480px;top: 0;bottom: 0;left: 0;}
#header_right .header_inner_wrap .header_inner .block.first{background: url('/Images/common/header_right_block1_bg.jpg') no-repeat center bottom;}
#header_right .header_inner_wrap .header_inner .block.first ul{overflow: hidden;}
#header_right .header_inner_wrap .header_inner .block.first ul li{position: relative;float: left;width:50%;}
#header_right .header_inner_wrap .header_inner .block.first ul li:before{content: '';position: absolute;left:0;top:0;bottom:0;width: 1px;background: #ff4311;}
#header_right .header_inner_wrap .header_inner .block.first ul li:first-child:before{content: none;}
#header_right .header_inner_wrap .header_inner .block.first ul li a{position: relative;width: 128px;margin: 0 auto;display: block;}
#header_right .header_inner_wrap .header_inner .block.first ul li a .on{position: absolute;left:0;top:0;opacity: 0;visibility: hidden}
#header_right .header_inner_wrap .header_inner .block.first ul li a:hover .off{opacity: 0;visibility: hidden}
#header_right .header_inner_wrap .header_inner .block.first ul li a:hover .on{opacity: 1;visibility: visible}
#header_right .header_inner_wrap .header_inner .block2 .video_area{position: relative;margin: 20px 0 0}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_box{border-radius: 3px;overflow: hidden;width: 406px;height: 229px;background:  url('/Images/common/no_ytube.png') no-repeat center;font-size: 0;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_box iframe{vertical-align: middle}
/*#header_right .header_inner_wrap .header_inner .block2 .video_area .video_box iframe{width: 100%;height: auto;}*/
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail{position: relative;overflow: hidden;margin-top: 16px;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail >a>span{display: block;width: 5px;height: 10px;overflow:hidden;margin: 13px auto;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail >a.on>span img{margin-top: -12px;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .right_btn{position: absolute;top:0;right: 0;width: 26px;height: 38px;display: block;border: 1px solid #c6c6c6;border-radius: 3px;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .left_btn{position: absolute;top:0;left: 0;width: 26px;height: 38px;display: block;border: 1px solid #c6c6c6;border-radius: 3px;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail.many{text-align: center;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail.many .thumb_list{width: 330px;overflow: hidden; margin: 0 auto;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail.many ul{width: 300%;overflow: hidden;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list ul{}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list li{float: left;margin:0 3px;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list li a{position: relative;display: block;  border-radius: 3px;overflow: hidden;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list li a >img{border: 1px solid #c6c6c6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width: 60px;height: 40px;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list li a span.play{position: absolute;left:0;top:0;bottom:0;right:0;opacity: 0;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list li a span.play img{width: 100%;max-width: none;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list li.on a span.play
,#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list li a:hover span.play{opacity: 1;}
#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list li.on a span.play img
,#header_right .header_inner_wrap .header_inner .block2 .video_area .video_thumnbnail .thumb_list li a:hover span.play img{border: 0;}
#header_right .header_inner_wrap .header_inner .block3 ul{margin: 20px auto;overflow: hidden;max-width: 398px;}
#header_right .header_inner_wrap .header_inner .block3 ul li{position: relative; float: left;margin-left: 4px;  border-radius: 6px;overflow: hidden;}
#header_right .header_inner_wrap .header_inner .block3 ul li:first-child{margin-left: 0;}
#header_right .header_inner_wrap .header_inner .block3 ul li .text_area{position: absolute;left:0px;right:0px;bottom:0;top:0; color: #fff;font-weight: 300;background: rgba(0,0,0,0.3)}
#header_right .header_inner_wrap .header_inner .block3 ul li .text_area .life_tit{position: absolute;bottom:10px;left:10px;right:10px;display:block;font-size: 12px;line-height: 17px;}
#header_right .header_inner_wrap .header_inner .block3 ul li .text_area .life_sub_tit{  white-space: nowrap;position: absolute;bottom:3px;left:10px;right:10px; display:block;font-size: 10px;line-height: 13px;padding: 7px 0;display: none;}
#header_right .header_inner_wrap .header_inner .block3 ul li .text_area .life_sub_tit:before{content: '';position: absolute;left:0;right:0;top:0;height: 1px;background: rgba(255,255,255,0.5)}
#header_right .header_inner_wrap .header_inner .block3 ul li a:hover .text_area{background: rgba(0,0,0,0.4)}
#header_left{position: fixed;top:0;left: 0;bottom:0;z-index: 0;width:100%;visibility: hidden;}
#header_left .header_inner_wrap{position: relative; max-width: 2000px;margin: 0 auto;height: 100%;overflow: hidden;}
#header_left .header_inner_wrap .header_inner{position: absolute;left:0;top: 0;bottom: 0;width: 480px;text-align: left;}
#header_right{position:fixed;top:0;right:0;bottom:0;z-index: 0;width:100%;visibility: hidden;}
#header_right .header_inner_wrap{position: relative; max-width: 2000px;margin: 0 auto;height: 100%;overflow: hidden;}
#header_right .header_inner_wrap .header_inner{position: absolute;right:0;top: 0;bottom: 0;width: 480px;text-align: left;}

body.active_left #header_left{z-index: 998;visibility: visible;}
body.active_right #header_right{z-index: 998;visibility: visible;}

#header_left .header_inner_wrap .header_inner{ -webkit-transform: translateX(-480px);-moz-transform: translateX(-480px);-ms-transform: translateX(-480px);-o-transform: translateX(-480px);transform: translateX(-480px);}
#header_right .header_inner_wrap .header_inner{-webkit-transform: translateX(480px);-moz-transform: translateX(480px);-ms-transform: translateX(480px);-o-transform: translateX(480px);transform: translateX(480px);}
body.stop.active_left #header_left .header_inner_wrap .header_inner{-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px); transform: translateX(0px);}
body.stop.active_right #header_right .header_inner_wrap .header_inner{-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}
body.stop.active_left #contents{-webkit-transform: translateX(480px);-moz-transform: translateX(480px);-ms-transform: translateX(480px);-o-transform: translateX(480px);transform: translateX(480px);}
body.stop.active_right #contents{-webkit-transform: translateX(-480px);-moz-transform: translateX(-480px);-ms-transform: translateX(-480px);-o-transform: translateX(-480px);transform: translateX(-480px);}
body.stop.active_left #misc_btns{-webkit-transform: translateX(480px);-moz-transform: translateX(480px);-ms-transform: translateX(480px);-o-transform: translateX(480px);transform: translateX(480px);}
body.stop.active_right #misc_btns{-webkit-transform: translateX(-480px);-moz-transform: translateX(-480px);-ms-transform: translateX(-480px);-o-transform: translateX(-480px);transform: translateX(-480px);}
body.stop.active_left #gnb {-webkit-transform: translateX(480px);-moz-transform: translateX(480px);-ms-transform: translateX(480px);-o-transform: translateX(480px);transform: translateX(480px);}
body.stop.active_right #gnb {-webkit-transform: translateX(-480px);-moz-transform: translateX(-480px);-ms-transform: translateX(-480px);-o-transform: translateX(-480px);transform: translateX(-480px);  }



/*
#header_left .header_inner_wrap .header_inner{margin-left:-480px;}
#header_right .header_inner_wrap .header_inner{margin-left:-480px;}
body.stop.active_left #header_left .header_inner_wrap .header_inner{margin-left: 0;}
body.stop.active_left #header_right .header_inner_wrap .header_inner{margin-left: 0;}
body.stop.active_left #contents{margin-left:480px;}
body.stop.active_right #contents{margin-left:-480px;}
body.stop.active_left #misc_btns{margin-left:480px;}
body.stop.active_right #misc_btns{margin-left:-480px;}
body.stop.active_left #gnb {margin-left:480px}
body.stop.active_right #gnb {margin-left:-480px;}
*/

#gnb.up .navi{top:-52px;}
#gnb.wide .navi{max-width: 2000px;width:100%;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;}
#wrap.main #gnb.wide .navi.step2{max-width: 2000px;width:100%;}
/*
body.stop.active_left #gnb{position: fixed;max-width: none;}
body.stop.active_right #gnb{position: fixed;max-width: none;}
body.stop.active_left #gnb .navi{max-width: 2000px;width:100%;}
body.stop.active_right #gnb .navi{max-width: 2000px;width:100%;}

body.stop.active_left #wrap.main #gnb .navi.step2{width: 100%;}
body.stop.active_right #wrap.main #gnb .navi.step2{width: 100%;}
*/

/*
#wrap.main #gnb .navi{-webkit-transform: translateY(-130px);-moz-transform: translateY(-130px);-ms-transform: translateY(-130px);-o-transform: translateY(-130px);transform: translateY(-130px);}
#wrap.main.init #gnb .navi{-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
*/


#footer{ position: relative;width: 100%;  clear: both; max-width: 2300px;  min-width: 1083px;margin: 0 auto; background: #2d2d2d;color: #b7b7b7; }
#footer .footer_left {float: left;font-size: 0;letter-spacing: 0;word-spacing: 0;}
#footer .footer_right {float: right;}
#footer .footer_top{position:relative;height: 30px;max-width: 1080px; margin: 0 auto;padding: 30px 0}

#footer .footer_top .footer_left .footer_ci{display: inline-block;vertical-align: middle;padding-right: 30px;}
#footer .footer_top .footer_left .footer_link{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 16px;font-weight: 300; padding-left: 20px;border-left: 1px solid #424242}
#footer .footer_top .footer_left .footer_link ul{overflow: hidden}
#footer .footer_top .footer_left .footer_link li{position: relative;float: left;padding:0 17px 0 16px }
#footer .footer_top .footer_left .footer_link li:after {content: '';width: 3px;height: 3px;display: block;position: absolute;background: #5e5e5e;top: 6px;right: 100%;border-radius: 100%;}
#footer .footer_top .footer_left .footer_link li:first-child:after {content:none;}
#footer .footer_top .footer_left .footer_link li.em{color: #fff;}
#footer .footer_top .footer_left .footer_link li a:hover{color: #fff}
#footer .footer_top .footer_left .footer_link li.em a:hover{color:#ff4311 }
#footer .footer_top .footer_right{font-size: 0;letter-spacing: 0;word-spacing: 0;}
#footer .footer_top .footer_right .sns_title{display: inline-block;vertical-align: middle;font-size: 13px;line-height: 14px; color: #999999;padding-right: 20px;border-right: 1px solid #424242;margin-right: 10px;}
#footer .footer_top .footer_right .sns_link{display: inline-block;vertical-align: middle;}
#footer .footer_top .footer_right .sns_link ul{overflow: hidden;}
#footer .footer_top .footer_right .sns_link ul li{float: left;padding-left: 10px;font-size: 0;}
#footer .footer_top .footer_right .sns_link ul li a{position:relative;letter-spacing: 0.8px;}
#footer .footer_top .footer_right .sns_link ul li a .on{position: absolute;left:0;top:0;opacity: 0;visibility: hidden;}
#footer .footer_top .footer_right .sns_link ul li a:hover .on{opacity: 1;visibility: visible;}
#footer .footer_bottom .footer_right .affiliate_link{position: absolute;right: 0px;bottom:15px; font-size: 12px;}
#footer .footer_bottom .footer_right .selectbox{display:block;position:relative;border:1px solid #626262;width:180px;float: right;  height: 23px;line-height: 25px;}
#footer .footer_bottom .footer_right .selectbox:after{display:inline-block;content:'';position:absolute;top:8px;right:13px;width:7px;height:7px;background: url('/Images/common/ico_plus.png') no-repeat center top;background-size: cover;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#footer .footer_bottom .footer_right .selectbox.on:after{-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform: rotate(45deg);}
#footer .footer_bottom .footer_right .selectbox a{display: block;padding:0 18px;}
#footer .footer_bottom .footer_right ul.selectul{display:none;position: absolute;top:-176px;right:0;width:180px;background-color: #ffffff;border: 1px solid #626262;color: #626262; height: 175px;overflow-y: auto;}
#footer .footer_bottom .footer_right ul.selectul li{line-height:25px;text-indent:9px;font-size: 12px;}
#footer .footer_bottom .footer_right ul.selectul li a{display: block;width:100%;}
#footer .footer_bottom .footer_right ul.selectul li a:hover{background-color:#f1732f;color:#ffffff;}
#footer .footer_bottom .footer_right .selectbox.on+ul.selectul{display:block}
#footer .clear_line{clear: both;background: #424242;width: 100%;height: 1px;}
#footer .footer_bottom{  position: relative;max-width: 1080px;margin: 0 auto;padding: 11px 0 11px;height: 78px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

#footer .footer_bottom .footer_left .copy{color: #666666;line-height: 20px;letter-spacing: 0.2px;font-size: 11px;  font-weight: 300;}
#footer .footer_bottom .footer_left .copy .copy_img {position:relative;top:5px;}

#footer .footer_bottom .footer_menu {display: block;overflow: hidden;padding: 12px 0 13px;}
#footer .footer_bottom .footer_menu li {float: left; position: relative;}
#footer .footer_bottom .footer_menu li:after {content: '';width: 1px;display: block;position: absolute;background: #434343;top: 0;bottom:0;margin-right: -1px;right: 100%;}
#footer .footer_bottom .footer_menu li:first-child:after {content:none;}
#footer .footer_bottom .footer_menu li a { padding: 0 10px;font-size: 12px;line-height: 13px;color: #858585;}
#footer .footer_bottom .footer_menu li:first-child a{padding-left: 0;}

#contents{background: #fff;}
.top_btn{position: relative;max-width: 2000px;}
.top_btn a{overflow: hidden;display:block;position:absolute;right:70px;bottom:50px;width:50px;height:50px;background: url(/Images/company/about/btn_top.png) no-repeat top left;background-position: 0 0;text-indent: 101%;white-space: nowrap;}
.top_btn a:hover{background-position: 0 -50px;}

.location{display:block;position: relative;padding-top:28px;color:#666666; overflow: hidden;background: #fff;}
.location ul{  max-width: 1200px;text-align: right;overflow: hidden; margin: 0 auto;font-size: 0;letter-spacing: 0;word-spacing: 0;}
.location ul li{display:inline-block;line-height:17px;font-size: 12px;}
.location ul li:after{content: '';display:inline-block;position:relative;top:-2px;left:0px;margin:0 10px;width:4px;height:5px;background: url(/Images/company/about/icon_arrow.png) center center;}
.location ul li:last-child:after{content:none;}
.location ul li img{margin-top:2px;}

.section{position: relative;width: 100%;  overflow: hidden;background: #fff;}


.section_top{display: block;position: relative;min-height:650px;overflow: hidden;height: 650px;/*z-index:2;*/}
.section_top.type_full{height: 100vh;}
.section_top .section_inner{position: relative;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}


.section_top .section_inner .text_container{position: absolute;top:50%;margin-top:-45px;width:100%;text-align: center;color:#ffffff}
.section_top .section_inner .text_container h2{font-size: 68px;line-height: 68px;font-weight: 100;}
.section_top .section_inner .text_container h2:after{content:'';display:block;width:19px;height:1px;background-color: #ffffff;margin:20px auto 23px;}
.section_top .section_inner .text_container p{font-size: 18px;line-height: 28px;font-weight: 300;}

.section_top .scroll_arrow{width:26px;height:26px;margin:0 auto;position: absolute;left:50%;bottom:50px;margin-left: -13px;}
.section_top .scroll_arrow .arrow{position:absolute;width:26px;height:12px;opacity: 0;}
.section_top .scroll_arrow .arrow_img{position:absolute;width:100%;height: 100%;background-image: url("/Images/common/scroll_arrow.png");background-size:26px 12px;}
.section_top .scroll_arrow .arrow:nth-child(1){
    -webkit-animation: arrow 1200ms 0s linear infinite ;
    -moz-animation: arrow 1200ms 0s linear infinite ;
    animation:  arrow 1200ms 0s linear infinite ;
}
.section_top .scroll_arrow .arrow:nth-child(2){
    -webkit-animation: arrow 1200ms 400ms linear infinite ;
    -moz-animation: arrow 1200ms 400ms linear infinite ;
    animation:  arrow 1200ms 400ms linear infinite ;
}
.section_top .scroll_arrow .arrow:nth-child(3){
    -webkit-animation: arrow 1200ms 800ms linear infinite ;
    -moz-animation: arrow 1200ms 800ms linear infinite ;
    animation:  arrow 1200ms 800ms linear infinite ;
}
@-webkit-keyframes arrow {
    0% {-webkit-transform: translate(0px, 0px);opacity: 0;}
    50% {-webkit-transform: translate(0px, 9px);opacity: 1;}
    100% {-webkit-transform: translate(0px, 18px);opacity: 0;}
}
@-moz-keyframes arrow{
    0% {-moz-transform: translate(0px, 0px);opacity: 0;}
    50% {-moz-transform: translate(0px, 9px);opacity: 1;}
    100% {-moz-transform: translate(0px, 18px);opacity: 0;}
}
@keyframes arrow {
    0% {transform: translate(0px, 0px);opacity: 0;}
    50% {transform: translate(0px, 9px);opacity: 1;}
    100% {transform: translate(0px, 18px);opacity: 0;}
}


.section_other ul{display:block;width: 100%;overflow: hidden}
.section_other ul li{display:block;float:left;position:relative;width:50%;height:203px;text-align: center;overflow: hidden;}
.section_other ul li:before{content:'';display:block;position: absolute;  width: 1100px;
    height: 224px;
    left: 50%;top:50%;
    margin:-112px 0 0 -550px;transform:scale(0.95);-webkit-transform:scale(0.95);-moz-transform:scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.section_other ul li:before{background: url(/Images/common/link_highlight_bg.jpg) center top;}
.section_other ul li.link_about:before{background-image: url(/Images/common/link_about_bg.jpg);}
.section_other ul li.link_ci:before{background-image: url(/Images/common/link_ci_bg.jpg);}
.section_other ul li.link_highlight:before{background-image: url(/Images/common/link_highlight_bg.jpg);}
.section_other ul li.link_history:before{background-image: url(/Images/common/link_history_bg.jpg);}
.section_other ul li.link_network:before{background-image: url(/Images/common/link_network_bg.jpg);}
.section_other ul li.link_overview:before{background-image: url(/Images/common/link_overview_bg.jpg);}
.section_other ul li.link_chemical:before{background-image: url(/Images/common/link_chemical_bg.jpg);}
.section_other ul li.link_energy:before{background-image: url(/Images/common/link_enery_bg.jpg);}
.section_other ul li.link_polymer:before{background-image: url(/Images/common/link_polymer_bg.jpg);}
.section_other ul li.link_product:before{background-image: url(/Images/common/link_product_bg.jpg);}
.section_other ul li.link_she:before{background-image: url(/Images/common/link_she_bg.jpg);}
.section_other ul li.link_inno:before{background-image: url(/Images/common/link_inno_bg.jpg);}
.section_other ul li.link_cooperation:before{background-image: url(/Images/common/link_cooperation_bg.jpg);}
.section_other ul li.link_compliance:before{background-image: url(/Images/common/link_compliance_bg.jpg);}
.section_other ul li.link_conduct:before{background-image: url(/Images/common/link_conduct_bg.jpg);}
.section_other ul li.link_social:before{background-image: url(/Images/common/link_social_bg.jpg);}
.section_other ul li.link_rd:before{background-image: url(/Images/common/link_rd_bg.jpg);}
.section_other ul li.link_career:before{background-image: url(/Images/common/link_career_bg.jpg);}
.section_other ul li.link_media:before{background-image: url(/Images/common/link_media_bg.jpg);}
.section_other ul li.link_support:before{background-image: url(/Images/common/link_support_bg.jpg);}
.section_other ul li.link_experience:before{background-image: url(/Images/common/link_experience_bg.jpg);}

.section_other ul li a{display: block;position: relative;width:100%;height:100%;}
.section_other ul li span{display:block;position: relative;}

.section_other ul li .title{font-size:24px;color:#fff;line-height: 24px;padding-top:75px;  font-weight: 300;}
.section_other ul li .copy{font-size:14px;color:#ffffff;line-height: 24px;margin:10px 0;}
.section_other ul li .link{display:block;position: relative;width:25px;height:25px;font-size:0px;color:#ffffff;margin:20px auto 0;background: url(/Images/common/ico_link.png) center center;border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.section_other ul li .link:before{content:'';display:block;position: absolute;top:0;left:0;width:100%;height:100%;z-index: 0;background: url(/Images/common/ico_link_on.png) center center;background-size: cover;opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.section_other ul li:hover:before{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.section_other ul li:hover .link{background: transparent;}
.section_other ul li:hover .link:before{opacity: 1;}


.mot2 {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.mot3 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mot4 {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mot5 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.gnb_mot {

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;

}
.fclear{
    *zoom:1
}
.fclear:after{
    display:block;
    content:"";
    clear:both;
}



.box {

    height: 70px;
    position: relative;
    color: #111;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

}
/*.btn_left,.btn_right,.center{ -webkit-perspective: 300px;perspective: 300px;}*/
.box div {
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 0;
    transform-origin: 50% 50% -35px;
    -webkit-transform-origin: 50% 50% -35px;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: transform 1s cubic-bezier(.217,.60,.355,1);
    -moz-transition: transform 1s cubic-bezier(.217,.60,.355,1);
    transition: transform 1s cubic-bezier(.217,.60,.355,1);
}
.box .side1 {transform: rotateX(90deg) rotateY(90deg) rotateZ(0deg);-webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(0deg);}
.box .side2 {transform: rotateX(90deg) rotateY(270deg) rotateZ(0deg);-webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(0deg);}
.box .side3 {transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);-webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);}
.box .side4 {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);background: none !important;}
.box .side5 {transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);-webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);}
.box .side6 {transform: rotateX(90deg) rotateY(180deg) rotateZ(0deg);-webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(0deg);}

.step1 .box .side1{transform: rotateX(-90deg) rotateY(90deg) rotateZ(0deg);-webkit-transform: rotateX(-90deg) rotateY(90deg) rotateZ(0deg);}
.step1 .box .side2{transform: rotateX(-90deg) rotateY(270deg) rotateZ(0deg);-webkit-transform: rotateX(-90deg) rotateY(270deg) rotateZ(0deg);}
.step1 .box .side3{transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
.step1 .box .side4{transform: rotateX(-180deg) rotateY(0deg) rotateZ(0deg);-webkit-transform: rotateX(-180deg) rotateY(0deg) rotateZ(0deg);}
.step1 .box .side5{transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);-webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);}
.step1 .box .side6{transform: rotateX(-90deg) rotateY(180deg) rotateZ(0deg);-webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(0deg);}
.btn_left .box div { background: #f1732f;}
.btn_right .box div { background: #e91f3e;}

.btn_left .box .side3 {background:#f1732f url('/Images/common/btn_business.png') no-repeat left center}
.btn_right .box .side3 {background:#e91f3e url('/Images/common/btn_people.png') no-repeat right center}
.btn_left .box .side5 {background:#e85a0e;}
.btn_right .box .side5 {background: #d50021;}
.center .box .side5 {background: #f7f7f7;}
.center .box{position: absolute;}
.center .box div { background: #fff;}

.step2 .center .box div{width: 1060px;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.step3 .box div{transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out}
.step3 .center .box div.side3{transform: none;-webkit-transform: none;}
#wrap.main #gnb .navi > a.left:hover > .box .side3{background-position:center center;}
#wrap.main #gnb .navi > a.right:hover > .box .side3{background-position:center center;}
body.stop #wrap.main #gnb .navi > a.left > .box .side3{background-position:right center;}
body.stop #wrap.main #gnb .navi > a.right > .box .side3{background-position:left center;}
body.stop #wrap #gnb .navi > a.left:before{content: '';position: absolute;left:0;top:0;bottom:0;width: 1px;background: #fff;  z-index: 1;}
body.stop #wrap #gnb .navi > a.right:before{content: '';position: absolute;right:0;top:0;bottom:0;width: 1px;background: #fff;  z-index: 1;}
/* 로드시 : motion_top에 addClass('in_motion') */

.motion_top .expand_bg {
    -moz-transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -o-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
    opacity: 0;
}
.motion_top.in_motion .expand_bg {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: transform 2s , opacity 1.5s;
    -moz-transition: transform 2s , opacity 1.5s;
    -ms-transition: transform 2s , opacity 1.5s;
    -o-transition: transform 2s , opacity 1.5s;
    transition: transform 2s , opacity 1.5s;
}

.section_top .back_container{overflow: hidden;width: 100%; height:650px;max-width: 2000px; position: fixed;top:0px;left:0;right:0;z-index: 0; background: #fff;  margin: 0 auto;will-change:transform}
.section_top.type_full .back_container{height: 100vh;}
.section_top .back_container .resize_inner {position:relative;opacity: 0;visibility: hidden;}
.section_top .back_container .back_img {position:relative;width:100%;max-width: none;}
.section_top .back_container img.back_img {position: absolute;top:0px;left:0;right:0;}
.section_top .back_container{background: url('/Images/company/about/company_top_bg.jpg') no-repeat center center;background-size: cover; position: fixed;}




a{
	text-decoration:none;
}

a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black;}
a:active {text-decoration: none; color: black;}
a:hover {text-decoration: none; color: black;}
/* 20190905 */

/*메인 베너 라벨*/
.main_banner_label{ position:relative; width:100%; bottom:216px; z-index:52;}
.main_banner_label2{ position:relative; width:100%; bottom:80px; z-index:51; background-color:white; height:80px; opacity:0.5;}

.main_banner_label_container{
	width:50%;
	position:absolute;
	float:left;
} 
.main_banner_label_container2 {
	width:50%;
	position:absolute;
	float:right;
	margin-left:50%;
} 

.main_banner_label_num1{
	float:left;
	text-align:center;
	margin-left:25%;
} 
.main_banner_label_num1 span{ float:left; width:100%; }
@media screen and (min-width:1900px){
	.main_banner_label_num1 .num { font-size: 6.6em;font-weight:bold; color:white; opacity:0.5;	font-family: 'Nanum Gothic', sans-serif;}
}
@media screen and (max-width:1600px){
	.main_banner_label_num1 .num { font-size: 6em;font-weight:bold; color:white; opacity:0.5;	font-family: 'Nanum Gothic', sans-serif; padding-top:12px;}
}
.main_banner_label_num1 .menu { font-size:16px; color: black; } 

.main_banner_label_num1 .depth1{ margin-left:26%; width:140px; margin-top: 4px; cursor:pointer;}
.main_banner_label_num1 .depth1 > li {padding: 30px 0px; width: 100%;}
.main_banner_label_num1 .depth2{ margin-left:1%; width:140px; margin-top: -146px; display: none; border-radius:15px 15px 0px 0px; background:#f7f7f7; position: absolute;}
.main_banner_label_num1 .depth2 li a{display:block; padding:8px;}

.main_banner_label_num2{
	float:left;
	text-align:center;
	margin-left:-5%;
} 
.main_banner_label_num2 span{ float:left; width:100%;}
@media screen and (min-width:1900px){
	.main_banner_label_num2 .num { font-size: 6.6em;font-weight:bold; color:white; opacity:0.5; font-family: 'Nanum Gothic', sans-serif;}
}
@media screen and (max-width:1600px){
	.main_banner_label_num2 .num { font-size: 6em;font-weight:bold; color:white; opacity:0.5;	font-family: 'Nanum Gothic', sans-serif; padding-top:12px;}
}
.main_banner_label_num2 .menu { font-size:16px; color: black; } 

.main_banner_label_num2 .depth1{ margin-left:26%; width:140px; margin-top: 4px; cursor:pointer;}
.main_banner_label_num2 .depth1 > li {padding: 30px 0px; width: 100%;}
.main_banner_label_num2 .depth2{ margin-left:1%; width:140px; margin-top: -82px; display: none; border-radius:15px 15px 0px 0px; background:#f7f7f7; position: absolute;}
.main_banner_label_num2 .depth2 li a{display:block; padding:8px;}


.main_banner_label_num3{
	float:right;
	text-align:center;
	margin-right:25%;
}
.main_banner_label_num3 span{ float:left; width:100%;} 
@media screen and (min-width:1900px){
	.main_banner_label_num3 .num { font-size: 6.6em;font-weight:bold; color:white; opacity:0.5; font-family: 'Nanum Gothic', sans-serif;}
}
@media screen and (max-width:1600px){
	.main_banner_label_num3 .num { font-size: 6em;font-weight:bold; color:white; opacity:0.5;	font-family: 'Nanum Gothic', sans-serif; padding-top:12px;}
}
.main_banner_label_num3 .menu { font-size:16px; color: black; } 

.main_banner_label_num3 .depth1{ margin-left:26%; width:140px; margin-top: 4px; cursor:pointer;}
.main_banner_label_num3 .depth1 > li {padding: 30px 0px; width: 100%;}
.main_banner_label_num3 .depth2{ margin-left:1%; width:140px; margin-top: -209px; display: none; border-radius:15px 15px 0px 0px; background:#f7f7f7; position: absolute;}
.main_banner_label_num3 .depth2 li a{display:block; padding:8px;}

.main_banner_label_num4{
	float:right;
	text-align:center;
	margin-right:-5%;
}
.main_banner_label_num4 span{ float:left; width:100%;} 
@media screen and (min-width:1900px){
	.main_banner_label_num4 .num { font-size: 6.6em;font-weight:bold; color:white; opacity:0.5; font-family: 'Nanum Gothic', sans-serif;}
}
@media screen and (max-width:1600px){
	.main_banner_label_num4 .num { font-size: 6em;font-weight:bold; color:white; opacity:0.5;	font-family: 'Nanum Gothic', sans-serif; padding-top:12px;}
}
.main_banner_label_num4 .menu { font-size:16px; color: black; } 

.main_banner_label_num4 .depth1{ margin-left:26%; width:140px;  margin-top: 4px; cursor:pointer;}
.main_banner_label_num4 .depth1 > li {padding: 30px 0px; width: 100%;}
.main_banner_label_num4 .depth2{ margin-left:1%; width:140px; margin-top: -114px; display: none; border-radius:15px 15px 0px 0px; background:#f7f7f7; position: absolute;}
.main_banner_label_num4 .depth2 li a{display:block; padding:8px;}

.content_slider_button{position:relative;}
.content_slider_button_prev{ position:absolute;float:left;left: -14%; bottom:0%; margin-bottom : 30px; }
.content_slider_button_next{ position:absolute;float:right;left: 100%; bottom:0%; margin-bottom : 30px; }

.interview_head { position: relative; width: 100%; margin-top: 100px; margin-bottom: 40px;}

.interview_title { font-weight: bold; font-size: 24pt; text-indent: 10px; text-align: center; }

.interviewer_list { overflow: hidden;position: relative; width: 1000px; /*margin: 6px auto 160px;*/ }
.interviewer_list li { float: left;padding: 40px 0 35px;  margin: 0 10px; border-bottom: 1px solid #e6e6e6; text-align: center;}

.interviewer {display: block;color: #333; text-decoration: none; text-align: center;}

.body_content{ min-height:960px;}

.interviewer_thumb {    
	display: block;
    overflow: hidden;
    position: relative;

	margin: 0px auto; 
    width: 220px;
    height: 220px;
}
.interviewer_thumb_img{
    display: block;
    width: 220px;
    height: 220px;
   /* border-radius: 220px; */
}
.interviwer_info{
	/* font-family:'Noto Sans KR', sans-serif; */
    display: inline-block;
    height: 40px;
    line-height: 40px;
}



 .hdepth1{ font-weight: 800; height: 47px;display:none; line-height:1.5; list-style:none; margin-left:0; margin-top:17px;  padding:0; cursor:pointer; width:20%; float:left; font-family: 'Nanum Gothic', sans-serif; font-size:15px;}
 .hdepth2{ display:none; margin-top: 18px; z-index:53;}
 .hdepth2 li{ font-weight: normal; margin-left:31%; width:140px; font-size:15px; line-height: 2;  vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; height:30px;  background-color: #fff; -webkit-box-sizing: border-box;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;  border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}



#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #000000;
    display: none; 
}

.layerpop {
    display: none;
    z-index: 1000;
   /* border: 2px solid #ccc;*/
    background: #fff;
	width:900px;
	height:430px;
	font-family:'Noto Sans KR', sans-serif;	
}

.layerpop_area .title {
    padding: 70px 0px 0px 40px;
    /*border: 0px solid #aaaaaa;*/
	float:left;
    font-size:20px;
    /*font-weight: bold;*/
    line-height: 2;
	width:27%;
	/* font-family:'Noto Sans KR', sans-serif; */
}

.layerpop_area .layerpop_close {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
	font-family:'Noto Sans KR', sans-serif;
	background-image: url('img/sub/close.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	color: transparent;
}

.layerpop_area .layerpop_close:hover {
    cursor: pointer; 
	font-family:'Noto Sans KR', sans-serif;
}

.layerpop_area .content {
    width: 66%; 
	float:right;
    /*margin: -60px 50px 70px 70px;*/
	margin-top:50px;
	font-size:15px;
	color: #828282;
	font-family:'Noto Sans KR', sans-serif;
}


.layerpop_area .content pre{
    line-height: 2.5;
	width:91%;
	font-size:15px;
	color: #828282;
	font-family:'Noto Sans KR', sans-serif;
	height:255px;
	overflow-y: auto;

}

.layerpop_area .foot {
	position: absolute;
	bottom:40px;
	left:10px;
    width: 90%; 
	left:46px;
	float:right;
	font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
}
.layerpop_area .foot span{
    cursor:pointer;
}
.layerpop_area .foot img{
    width: 40px; 
    height: 40px; 
	float:right;
	font-size:15px;
	color: #828282;
	font-family:'Noto Sans KR', sans-serif;
}

/*-- POPUP common style E --*/



.supporter_input{
		display: block;
		width: 100%;
		padding: 13px 0;
		height: 22px;
		font-size: 15px;
		line-height: 22px;
		font-family:'Noto Sans KR', sans-serif;
		border: 0 none;
		
		border-left: 22px solid transparent;
		border-right: 22px solid transparent;
		background-color: transparent;
		-webkit-appearance: none;
	}

.cbtn{
height:25px;
background-color: #707070;
/*padding: 0px 18px;*/
padding-top: 0px;
padding-right: 18px;
padding-bottom: 4px;
padding-left: 18px;
border-top: 1px solid #707070;
border-left: 1px solid #707070;
border-bottom: 1px solid #707070;
border-right: 1px solid #707070;
color:#ffffff;
vertical-align: middle;
    font-size: 14px;
}
.infobtn{
height:33px;
background-color: #707070;
padding: 0px 18px;
border-top: 1px solid #707070;
border-left: 1px solid #707070;
border-bottom: 1px solid #707070;
border-right: 1px solid #707070;
color:#ffffff;
vertical-align: middle;
 font-size: 14px;

}

.supporter_radio{
		vertical-align: middle;
		height: 30px;
		font-size: 15px;
		line-height: 22px;
		color: #aaa;
		font-family:'Noto Sans KR', sans-serif;
		border: 0 none;
		border-left: 22px solid transparent;
		border-right: 22px solid transparent;
	}

.supporter_radio_label{		
		vertical-align: middle;
		height: 30px;
		font-size: 15px;
		line-height: 22px;
		font-family:'Noto Sans KR', sans-serif;
		border: 0 none;
		border-left: 10px solid transparent;
		border-right: 22px solid transparent;
	}

.supporter_textarea{
position: relative;
    width: 898px;
    height: 114px;
    padding: 7px 20px;
    font-size: 15px;
    border: 0 none;
	font-family:'Noto Sans KR', sans-serif;
    z-index: 20;
    line-height: 34px;
}

.clearfix::before, .clearfix::after{display:block; content:''; clear:both;}
@media only screen and (max-width: 1537px){
	#header .nav{float:right; width:89%; text-align:center; margin-top:1.2%; display:none;}
}
@media only screen and (min-width: 1537px){
	#header .nav{float:right; width:89%; text-align:center; margin-top:1%; display:none;}
}
#header .nav > ul > li{position:relative; float:left; width:25%;}
#header .nav > ul > li > a{font-weight:bold;}
#header .nav .sub_menu{position:absolute; width:34%; top:88%; left:33%; border-radius:0px 0px 15px 15px; background:#f7f7f7; display:none;}
#header .nav .sub_menu > li{}
#header .nav .sub_menu > li a{display:block; padding:8px;}