.lang_area {
	display:inline-block;
	margin-left:14px;
}
.lang_area li {
	padding:9px 0 11px 0;
	float:left;
}

.about_contents {
	font-size:16px;
	word-break:keep-all;
	font-family: 'Noto Sans Light';
	white-space: pre-line;
}

.about_contentss {
	font-size:16px;
	word-break:keep-all;
	font-family: 'Noto Sans Light';
}

.aa {
	color:#333;
	position:relative;
	top:-1px;
}

.aa:hover {
	color:#f27242;
}

.lang_area img {
	position:relative;
	top:-1px;
	margin-right:3px;
}

.company_text {
	padding:0 10px;
	font-weight:bold;
	font-family: 'Noto Sans Bold';
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.company_text2 {
	width:253px;
	padding:0 10px;
	font-family: 'Noto Sans Bold';
	word-break:normal;
}

.lang_area li:first-child:after {
	
	
	border-left:1px solid #eee;
	content:'　';
	display:inline-block;
	margin:0;
	padding:0;
	position:relative;
	left:9px;
	
}

.lang_area li:first-child {
	
	margin:0 10px 0 14px;
}

.lang_area li:last-child {
	
	margin:0 14px 0 2px;
}
.lang_underline {
	padding-bottom:3px;
	border-bottom:2px #f27242 solid; 
	color:#333;
}



/* text-align:center */
.must .cnt-img,
.must2 .cnt-img,
.boss3 h4,
.team h4,
.service1 h3,
.service2 .cnt-txt,
.article4 h4,
.article1 h4 {text-align:center}

.service1,
.service2 {margin-bottom:40px}

.narrow {margin:25px auto !important}
.narrow2 {margin:25px auto !important}
@media (min-width:768px) {.narrow {width:80%} .narrow2 {width:80%}}
@media (min-width:992px) {.narrow {width:60%} .narrow2 {width:100%}}


.vision {
	font-size:22px;
}

.day_size {
	font-size:18px;
}

/* fnt-color */
.fnt-blue {color:#199fd1}
.fnt-grey {color:#aaa}
.fnt-pink1 {color:#E93877}
.fnt-pink2 {color:#E73639}
.fnt-pink3 {color:#EC6558}

/* cnt-fa bgcolor */
.bg-mint {background:#91c2c6}
.bg-navy {background:#3a4050}
.bg-coral {background:#f28f89} 
.bg-ivory {background:#eee9e0}
.bg-black {background:#333; color:#fff}

/* margin-bottom:20 */
.boss3 .cnts,
.team1 .cnts,
.team2 .cnts,
.team3 .cnts {margin-bottom:20px}

/* img-max */
.must .cnt-img .img-max {display:inline-block; max-width:100%; height:auto}
.must .cnt-img {background-color:#3b4c5e; margin-bottom:15px; border-radius:12px;}
.must .cnt-img .img-max1 {display:inline-block;width:100%; height:auto; opacity:1; border-radius:12px;}
.must .cnt-img .img-max1:hover {
	opacity:0.65;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.must2 .cnt-img .img-max {display:inline-block; max-width:100%; height:auto}
.must2 .cnt-img {margin-bottom:15px; border-radius:12px;}
.must2 .cnt-img .img-max1 {display:inline-block;width:100%; height:auto; opacity:1; border-radius:12px;}
.must2 .cnt-img .img-max1:hover {
	opacity:0.65;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}


.cnt-caption h4 {padding:0; margin:20px 0 5px 0 ;}

.cnt-caption h4.cnt-caption-title {
	padding:0;
	margin:8px 0 12px 0;
	font-size:20px;
}

.cnt-caption p {text-align:center; font-size:13px;}

.cnt-caption_ko h4 {padding:0; margin:20px 0 5px 0 ;}
.cnt-caption_ko h4.cnt-caption-title {
	padding:0;
	margin:8px 0 12px 0;
	font-size:20px;
}

.cnt-caption_ko p {
	margin-top:-3px;
	text-align:center; 
	font-size:12.5px;
	font-family: 'Nanum Gothic';
	line-height:20px;
}

.cnt-caption_en h4.cnt-caption-title {
	padding:0;
	margin:8px 0 12px 0;
	font-size:18px;
	font-family: 'THEJung170';
	line-height:25px;
}

.cnt-caption_en p {
	margin-top:-7px;
	text-align:center;
	font-size:13px; font-family: 'Nanum Gothic';
	word-break: keep-all;
	line-height:20px;
}



/* boss */
.boss1 {position: relative; margin-bottom:110px}
.boss1 .cnt-profile {text-align: center; position: absolute; left:0; right:0; bottom:-100px}
.boss1 .cnt-profile img {border-radius: 50%; background:#fff; padding:5px}
.boss3 .cnt-img{margin:5px}
@media (max-width: 480px) {
	.boss1 .cnt-img {height:200px}
	.boss1 .cnt-profile img {width:140px; height:140px}
}
@media (min-width: 481px) {
	.boss1 .cnt-img {height:250px}
	.boss1 .cnt-profile img {width:160px; height:160px}
}
@media (min-width: 768px) {
	.boss1 .cnt-img {height:300px}
	.boss1 .cnt-profile img {width:200px; height:200px}
}
@media (min-width: 992px) {
	.boss1 .cnt-img {height:350px}
}

/* team */
.team1 h4,
.team2 h4 {margin-top:10px; margin-bottom:0px}
.team2 .cnt-img img {border-radius:50%}
.team3 .cnt-img img {width:100%; padding:0;}
.team3 .cnt-caption {padding:10px 15px; background:#3a4050; margin:0 5px; color:#fff}

.team3 .cnt-caption_ko {padding:10px 15px; background:#3a4050; margin:0 5px; color:#fff}
.team3 .cnt-caption_en {padding:10px 15px 25px 15px; height:133px; background:#3a4050; margin:0 5px; color:#fff}



@media all and (max-width: 768px) {
	.cnt-caption_ko h4 {padding:0; margin:20px 0 5px 0 ;}
	.cnt-caption_ko h4.cnt-caption-title {
		padding:0;
		margin:8px 0 12px 0;
		font-size:16.5px;
	}

	.cnt-caption_ko p {
		margin-top:-7px;
		text-align:center; 
		font-size:10px;
		font-family: 'Nanum Gothic';
		word-break:keep-all;
		line-height:16px;
	}
	.team3 .cnt-caption_ko {height:105px;}
	
	.cnt-caption_en h4.cnt-caption-title {
		padding:0;
		margin:5px 0 12px 0;
		font-size:16px;
		font-family: 'THEJung170';
		line-height:20px;
	}

	.cnt-caption_en p {
		position:relative;
		top:-14px;
		margin-top:-7px;
		text-align:center;
		font-size:11px; font-family: 'Nanum Gothic';
		word-break: keep-all;
		line-height:14px;
	}
	
	.cnt-caption_en p > b {
		display:block;
		line-height:16px;
		position:relative;
		top:12px;
	}
	
	.team3 .cnt-caption_en {height:105px;}
	
	.section_title2 {
		font-size:17px;
		margin-top:2px;
		line-height:24px;
		font-family: 'Noto Sans Bold';
	}


	.section_title2 span {
		font-family: 'Noto Sans Light';
		line-height:34px;
		font-size:25px;
	}
}


@media (max-width: 480px){
	.team1 img,
	.team2 img {width:110px; height:110px} 	
} 
@media (min-width: 481px) {
	.team1 img,
	.team2 img {width:130px; height:130px} 
}
@media (min-width: 992px) {
	.team1 img,
	.team2 img {width:160px; height:160px} 
}

/* service */
.service2 .cnt-img {width:100%; color:#fff; background-color:#3a4050}
.service2 .fa {font-size:18px}
.service2 h4 {margin-top:0}
@media (max-width: 767px) {
	.service2 .cnt-img {padding-top:20px}
	.service2 .cnt-img .cnt-txt div {height:80px}	
}
@media (min-width: 768px) {.service2 .cnt-img {height:150px}}

/* .cnt-fa */
.cnt-fa .fa,
.cnt-fa h4 {display:inline-block}
.cnt-fa {margin-bottom:10px}
.cnt-fa .fa {padding:7px 15px; color:#fff; margin-right:15px; border-radius: 2px}

/* .art-col-2 */
.img-two {padding-right:0; padding-left:0}
.img-two .cnt-img {margin:2px}
@media (min-width: 481px) and (max-width: 767px) {
	.webz1-l {width:65%}
	.webz1-r {width:35%}	
	.webz1-l.cnt-txt {padding-right:20px}
	.webz1-l,
	.webz1-r {float:left}
}
@media (min-width: 768px) and (max-width: 991px) {
		.webz1-l,
		.webz1-l {width:100%}
}
@media (min-width: 992px) {	
	.webz1-l {width:65%}
	.webz1-r {width:35%}	
	.webz1-l.cnt-txt {padding-right:20px}
	.webz1-l,
	.webz1-r {float:left}
}
@media (min-width: 481px) {
	.webz2-l {width:65%}
	.webz2-r {width:35%}	
	.webz2-l.cnt-txt {padding-right:20px}
	.webz2-l,
	.webz2-r {float:left}
}
@media (max-width: 480px) {
	.art-col-2 .cnt-l,
	.art-col-2 .cnt-r {padding-left:0; padding-right:0} 
}
@media (min-width: 481px) {
	.art-col-2 .cnt-l {padding-left:0; padding-right:15px} 
	.art-col-2 .cnt-r {padding-left:15px; padding-right:0} 
}
@media (max-width: 767px) {
	.art-col-2-noxxs .cnt-l,
	.art-col-2-noxxs .cnt-r  {padding-left:0; padding-right:0} 
}
@media (min-width: 768px) {
	.art-col-2-noxxs .cnt-l {padding-left:0; padding-right:15px} 
	.art-col-2-noxxs .cnt-r {padding-left:15px; padding-right:0} 
}

/* table */
table.table-bg1 {border-spacing:1px; border-collapse:separate}
table.table-bg1 tr th {background:#ddd}
table.table-bg1 tr td {background:#eee; border-top:0; padding:8px 10px}
table.table-bg1 tr td.td-h {background:#ddd}
table.table-bg2 {border-spacing:1px; border-collapse:separate}
table.table-bg2 tr th {background:#545863; color:#fff; border-top:0;}
table.table-bg2 tr td.td-t {text-align:left;}
table.table-bg2 tr td {background:#eee; border-top:0; padding:8px 10px; text-align:center;}
table.table-bg2 tr td.td-h {background:#545863; color:#fff}
table.table-nobg .th-h1 {border-bottom:2px solid #EF766E}
table.table-nobg .th-h2 {border-bottom:2px solid #878787}

table.table-nobg .th-t1 {width:8%;}
table.table-nobg .th-t2 {width:14%;}
table.table-nobg .th-t3 {width:48%;}
table.table-nobg .th-t4 {width:30%;}

table.table-nobg tr th {border-top:0}
table.table-nobg tr td input[type=text] , select{
	height:25px;
	font-size:14px;
	padding:3px;
}

.mgb5 {
	margin-bottom:5px;
}

.mgb10 {
	margin-bottom:10px;
}

.mgb15 {
	margin-bottom:15px;
}

.mgb30 {
	margin-bottom:30px;
}

.mgb40 {
	margin-bottom:40px;
}

.mgb50 {
	margin-bottom:50px;
}

.mgb60 {
	margin-bottom:60px;
}

.mgb70 {
	margin-bottom:70px;
}

.go_apamm {
	display:none;
}





.reg_txt {
	padding-left:7px;
	font-size:14px;
}

table.table-nobg tr td:first-child {
	word-break: keep-all;
	width:25%;
}
	
table.table-nobg tr td select, input[type=text]{
	width:100%;
}

table.table-nobg tr td input[type=radio]{
	display:inline-block;
}	


table.table-nobg tr td input[type=radio], input[type=checkbox] {
	position:relative;
	bottom:-2px;
	margin-right:3px;
}

table.table_input tr td li {
	display:inline-block;
}

table.table-nobg tr td label{
	margin-right:10px;
}

table.table-nobg tr td textarea{
	width:100%;
}

table.table-nobg tr td p{
	margin:5px 0 2px 0;
	word-break: keep-all;
}

@media (min-width: 768px) {
	table.table-bg1 tr th,
	table.table-bg2 tr th {text-align:center}
}

/* article */
.article3 .cnt-img {height:370px}
.article4 {height:350px}
.article4 .cnt-txt {background-color:rgba(255,255,255,0.8); padding:0 15px; border-radius:3px}
@media (min-width: 768px) {
	.article4 .cnt-txt {height:200px}
}
@media (max-width: 767px) {
	.article1 .cnts {margin-bottom:40px}
	.article4 .narrow {padding:0 20px}	
	.article4 .cnt-txt {height:250px}
	.article5 .cnt-img {height:250px}	
	.article5 .cnts {padding:15px}
} 
@media (min-width: 768px) {
	.article5 .cnt-r {position:relative}
	.article5 .cnts {position:absolute; bottom:0; left:0; right:0; padding:30px}
	.article5 .cnt-img,
	.article5 .cnt-r {height:inherit} 
	.article5 {height:400px}
}
@media (min-width: 992px) {.article5 {height:350px}}
.article5 .cnt-l,
.article5 .cnt-r {padding-left:0; padding:0}

/* sample-collapse*/
.article2 ul {border:1px solid #ddd; border-bottom:0}
.article2 ul li {background: rgba(0,0,0,0.05)}
.article2 ul li a {
	display:block;
	padding:12px 20px 12px 20px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.article2 ul li ul{padding:0}
.article2 ul li > ul > li> ul > li > a{padding:12px 20px 12px 60px}
.article2 ul li a p {
	margin:0;
	float:left;
}
.article2 ul li a p.has-children {width:90%}
.article2 ul li a p.has-fa {
	width:10%;
	margin-top:5px;
}
.article2 ul li a:hover,
.article2 ul li a:focus,
.article2 ul .active > a {
	 background:rgba(0,0,0,0.05);
	text-decoration: none
}
#sample1-collapse .fa,
#sample2-collapse .fa,
#sample3-collapse .fa {color:#f27242; margin-right:10px}

/* must-buttn */
.must-buttn {
    display: inline-block;
    font-weight: bold;
    border-width: 3px;
    border-style: solid;
    padding:5px 20px;
    margin:2px
}
.buttn-gray-empt {
	border-color:#666;
	color:#666 !important
}
.buttn-gray-empt:hover {
	color:#f27242 !important;
	border-color:#f27242
}
.buttn-black {
	border-color:#333;
	background:#333;
	color:#fff !important
}
.buttn-black:hover {
	color:#f27242 !important;
	background:none;
	border-color:#f27242
} 

/* article6 */
@media (max-width: 767px) {
	.article6 .cnt-l {height:250px} 
	.article6 .cnts {padding:20px 15px} 
}
@media (min-width: 768px) {
	.article6 .cnt-l,
	.article6 .cnt-r {height:350px} 
	.article6 .cnts {padding:0 50px} 
}

/* article7 */
@media (max-width: 767px) {.article7 .cnt-l {margin-bottom:40px}}
@media (max-width: 991px) {
	.article7 .cnt-img {height:250px}
	.article7 .cnts {padding:20px}
}
@media (min-width: 992px) {
	.article7 .cnt-img {height:350px}
	.article7 .cnts {padding:50px}
}

/* must-carousel */
#must-carousel1 a {display:block; padding:0 10px}
#must-carousel1 h5 {text-align:center}
#must-carousel1 .clickable {text-align:center}
@media (max-width: 767px) {
	.article6 #must-carousel2 .item {height:250px} 
}
@media (min-width: 768px) {
	.article6 #must-carousel2 .item {height:350px} 
}
#must-carousel2 .clickable {position:absolute; left:0; right:0; bottom:15px}
#must-carousel1.owl-theme .owl-controls .owl-page.active span,
#must-carousel1.owl-theme .owl-controls.clickable .owl-page:hover span,
#must-carousel2.owl-theme .owl-controls .owl-page.active span,
#must-carousel2.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: #f27242;
}





@charset "utf-8";
/*
 KSODESIGN MULTIPURPOSE XE LAYOUT
 http://ksodesign.com/
  Copyright 2013 KSODESIGN	 
 Contributing author : KSJade (contact@ksodeisgn.com)
--------User Custom CSS---------------------------------*/

/* 문서페이지 헤더 */
.title_block {
	background-color:#eee;
	height:80px;
}

.f_left {
	float:left;
	display:table;
	width:calc(100% - 80px);
}

.f_left:first-child {
	text-align:center;
	width:80px;
	height:80px;
	background-color:#666666;
}

.f_left i {
	display:table-cell;
	vertical-align:middle;
	font-size:34px;
	color:#fff;
}

.title_title {
	height:80px;
	padding-left:20px;
	display:table-cell;
	vertical-align:middle;
}

.title_title strong {
	font-size:18px;
	font-weight:bold;
	
}

.title_title div {
	font-size:13px;
	color:#000;
}

.title_title div:before {
	content:'- ';
}

.kso-article {margin-bottom:5px;}
.kso-article .title {font-size:22px;font-weight:bold;letter-spacing:-1px;color:#000;}
.kso-article .summary {font-size:14px;font-weight:bold;color:#444;line-height:22px;}
.kso-article .title-line{margin:12px 0 20px 0;width:80px;height:3px;background-color:#333;}


/* 메인 메뉴
------------------------------------*/
#kso-header .navbar .navbar-nav > li > a {font-size:14px;font-family:ngBold} /* 메뉴 폰트 & 사이즈 */

/* 패럴랙스 섹션
------------------------------------*/
#parallax-1 {color:#fff} /* 폰트컬러 */

/* 섹션 여백
------------------------------------*/
.section1 {padding-top: 40px; padding-bottom: 20px} /* 섹션 1 (티져) */
.section2 {padding-top: 40px; padding-bottom: 20px} /* 섹션 2 (최근게시물) */
.sectionWG {padding-top: 0; padding-bottom: 20px} /* 섹션 WG (위젯꾸미기) */
.section3 {padding-top: 60px; padding-bottom: 60px} /* 섹션 3 (패럴렉스) */
.section4 {padding-top: 60px; padding-bottom: 50px} /* 섹션 4 (갤러리) */
.section5 {padding-top: 40px; padding-bottom: 20px} /* 섹션 5 (추가섹션) */

/* 서브 탑 
------------------------------------*/
#kso-promotion .sub-promotion {background-color:#4D5B6F} /* 배경 컬러 */
#kso-promotion .sub-promotion .page-title {margin: 4% 0;font-size: 20px;color:#fff} /* 타이틀 상하 마진 & 폰트 사이즈 & 컬러 */
#kso-promotion .sub-promotion .page-title:before,
#kso-promotion .sub-promotion .page-title:after {display: inline-block;background-color: #fff;} /* 양쪽 라인 출력 및 컬러 */

/* Footer (하단)
------------------------------------*/
#kso-footerInfo {padding:30px 0 20px} /* 하단 아래위 여백 */
#kso-footerInfo {background:#e7e7e7 url(../img/shattered.png) repeat center top} /* 배경 컬러 및 패턴이미지 */
#kso-footerInfo .footer_menu .snb li a {color:#666} /* 메뉴 컬러 */
#kso-footerInfo .footer_menu .snb li a:hover {color:#111} /* 메뉴 마우스 오버 시 컬러 */
#kso-footerInfo p {color:#666} /* 회사 정보 컬러 */
#kso-copyright {background-color:#cfcfcf} /* 카피라이트 배경 컬러 */
#kso-container-box #kso-teaser.bgGray {background-color:#f8f8f8}

/* etc (기타)
------------------------------------*/
 /*.hide {display:inline-block!important} 스케치북5 보드 스킨 hide클래스와 부트스트랩 충돌 제어 */

.page-conts {
	width:100%;
}

.map-google p{
	width:100%;
}

/* 추가 CSS
------------------------------------*/