@charset "UTF-8";
@import 'fontSet.css';
@import 'main.css';
@import 'check-radio.css';
/*
	Copyright 2016 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/

body {
  height: 100%;
  color: #333;
  background-color: #fff;
  overflow-y:auto;
  overflow-x:hidden;
}
html {
  height: 100% !important;
  -ms-overflow-style: scrollbar;
}

@media (min-width: 1200px){
	.container {
		width: 1230px;
	}
	.container.container-lg{
		width:1730px;
	}
	.container.container-md{
		width:1430px;
	}
	.container.container-sm{
		width:1100px;
	}
	.container.container-xs{
		width:1000px;
	}
}
@media (max-width: 1740px){
	.container {
		width: 75%;
	}
	.container.container-lg{
		width: 90%;
	}
	.container.container-md{
		width: 75%;
	}
}
@media (max-width: 1200px){
	.container,
	.container.container-lg,
	.container.container-md{
		width: 970px;
	}
}
@media (max-width: 992px){
	.container,
	.container.container-lg,
	.container.container-md{
		width: 750px;
	}
}
@media (max-width: 767px){
	.container,
	.container.container-lg,
	.container.container-md{
		width: 100%;
		padding-left:15px;
		padding-right:15px;
	}
}

/*푸터*/
#footerWrap {
	background:#fff;
	border-top: 1px solid #e1e1e1;	
}
#footerWrap .sns > a{
	display:inline-block;
	margin-left:4px;
}
#footerWrap .btn.dropdown-toggle{
	background:#f1f1f1 !important;
	border:1px solid #eee !important;
}
#footerWrap > .CopyRight{
	background:#000;
}
#footerWrap address > p {
	display:inline-block;
	margin:0;
	font-size:14px;
	color:#888;
	font-weight: 300;
	line-height: 25px;
	margin-right:24px;
}
#footerWrap .gray-line{
    border-top: 1px solid #ececec;	
	margin:20px 0 32px;
}

#footerWrap .inforLink {}
#footerWrap .inforLink li {
	padding:3px 0;
}
#footerWrap .inforLink li.fwBold {
	margin:0 20px;
}
#footerWrap select{
	border:none;
	width:260px;
	color:#fff;
	font-weight: 500;
	outline:none;
	height:50px;
	line-height: 50px;
	padding:0 10px 0 20px;
	cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/select-arrow.jpg') 94% / 4% no-repeat #aaa;
}
#footerWrap select::-ms-expand {
    display: none;
}

@media(max-width:992px){
	#footerWrap .sns > a img{
		max-width:40px;
	}
	#footerWrap .inforLink li {
		padding:3px 5px;
		display:inline-block;
	}
	#footerWrap .inforLink li.fwBold {
		margin:0 10px;
	}
	#footerWrap select{
		background: url('../images/select-arrow.jpg') 94% / 8px  no-repeat #aaa;
	}
}
@media(max-width:767px){
	#footerWrap address > p {
		display:inline-block;
		float:none;
	}
	#footerWrap .inforLink li.fwBold {
		margin:0;
		padding:3px 0;
	}
}

/*서브*/

#footerWrap .goTop{
	position:fixed;
	right:36px;
	bottom:40px;
	width:40px;
	height:40px;
	border-radius:50%;	
	padding-top:8px;
	text-align:center;
	background:#0068b9;
	line-height:1.1;
	z-index:50
}
#footerWrap .goTop:hover{
		background:#0068b9;
}

#subVisual-Wrap {
	position:relative; 
	width:100%;
	overflow:hidden;
	height:350px;
}
#subVisual-Wrap.sub01_img,
#subVisual-Wrap.subetc_img{
	background: url('../images/subVisual01-pc.jpg')no-repeat center center/ cover;
}
#subVisual-Wrap.sub02_img{
	background: url('../images/subVisual02-pc.jpg')no-repeat center center/ cover;
}
#subVisual-Wrap.sub03_img{
	background: url('../images/subVisual03-pc.jpg')no-repeat center center/ cover;
}
#subVisual-Wrap.sub04_img{
	background: url('../images/subVisual04-pc.jpg')no-repeat center center/ cover;
}
#subVisual-Wrap .subVisual-text {
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
}
#subVisual-Wrap .subVisual-text .dp-table{
	height:100%;
	margin:0 auto;
}
#subVisual-Wrap .clearfix{
	position: relative;
	width:100%;
    margin-top: -46px;
}
#subVisual-Wrap .clearfix > a{
	font-weight: 600;
	color:white;
	font-size:16px;
	text-transform:uppercase;
	opacity:0.5;
	font-family:'Raleway' !important;
}
#subVisual-Wrap .clearfix > a p,
#subVisual-Wrap .clearfix > a img{
	display:inline-block;
	vertical-align: middle;
}
#subVisual-Wrap .clearfix > a.btn-left{
	float:left;
}
#subVisual-Wrap .clearfix > a.btn-right{
	float:right;
}
#subVisual-Wrap .clearfix > a img{
	transform:translateY(-3px);
}
@media(max-width:992px){
	#subVisual-Wrap {
		height:250px;
	}
	#subVisual-Wrap .clearfix{
		display:none;
	}
}

/*로케이션 메뉴*/
#sub_location{
	position:relative;
	background:#fff;
	border-bottom:1px solid #ddd;
	z-index:29;
	height:60px;
}
#sub_location .sub_location_area{
	position:absolute;
	left:0;
	width:100%;
	height:60px;
}
#sub_location .sub_location_area::after{
	display:block;
	content:'';
	clear:both;
}
#sub_location .sub_location_area > ul{
	position:relative;
	width:50%;
	float:left;
	max-width:1200px;
	margin:0 auto;
	z-index:99;
	height:60px;

}
#sub_location .sub_location_area > ul li.home{
	border-left:1px solid #ddd;
	float:left;
	background:none !important;
}
#sub_location .sub_location_area > ul li.home a{
	display:block;
	width:60px;
	height:60px;
	overflow:hidden;
	color:#333;
	line-height:60px;
	text-align:center;
}
#sub_location .sub_location_area > ul li.sub_dept{
	float:block;
	width:100%;
	text-align:left;
	box-sizing:border-box;
}
@media(max-width:767px){
	#sub_location .sub_location_area > ul li.sub_dept{
		width:100%;
	}
}
#sub_location .sub_location_area > ul li.sub_dept ul{
	border:1px solid #ddd;
	background:#fff !important;
	height:60px; 
	border-bottom:0 !important;
	border-top:0 !important;
	overflow:hidden;
}
#sub_location .sub_location_area > ul li.sub_dept ul li:first-child a{
	background: url('../images/arr-down.jpg') no-repeat 96% center;
	background-size: 8px 7px;
}
#sub_location .sub_location_area > ul li.sub_dept ul li:first-child a:hover{
	background: url('../images/arr-up.jpg') no-repeat 96% center;
	background-size: 8px 7px;
	z-index:1;
}
#sub_location .sub_location_area > ul li.sub_dept ul li:first-child a:hover{
	background:#f1f1f1;
}
#sub_location .sub_location_area > ul li.sub_dept ul li a{
	display:block;
	padding-left:20px;
	font-size:14px;
	font-weight:500;
	color:#111;
	line-height:59px;
	border-bottom:1px solid #ddd;
}
#sub_location .sub_location_area > ul li.sub_dept ul li:last-child a{
	line-height:58px;
}
#sub_location .sub_location_area > ul li.sub_dept ul li a:hover{ background:#fff !important;}
#sub_location .sub_location_area > ul li.sub_1dept{top:0px; left:61px;}
#sub_location .sub_location_area > ul li.sub_2dept{top:0px; left:260px;background:#fff !important;}

#pc-sub-menu{
	border-bottom: 1px solid #e0e0e0;
	text-align:center;
	position: relative;
}
#pc-sub-menu > #left-menu{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
#pc-sub-menu > #left-menu > ul {
	margin:0 auto;
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	position: relative !important;
}
#pc-sub-menu > #left-menu > ul > li{
	float:left;
	position:relative;
	transition:all 0.3s ease !important;
	-moz-transition:all 0.3s ease !important;
	-webkit-transition:all 0.3s ease !important;
	-o-transition:all 0.3s ease !important;
}
 #pc-sub-menu > #left-menu > ul > li:after{
	content:"";
	background: #c51b1f;
	position:absolute;
	left:0;
	bottom:-1px;
	height:1px;
	width:0%;
	transition:all 0.4s ease !important;
	-moz-transition:all 0.4s ease !important;
	-webkit-transition:all 0.4s ease !important;
	-o-transition:all 0.4s ease !important;
} *
#pc-sub-menu > #left-menu > ul > li:hover:after{
	width:100%;
}
#pc-sub-menu > #left-menu > ul > li:hover{
	font-weight: 500;
}
#pc-sub-menu > #left-menu > ul > li > a{
	position:relative;
	z-index:2;
	display:block;
	padding:22.5px 35px;
	color:#777;
	font-weight: 400;
	font-size:18px;
	text-decoration:none;
}
#pc-sub-menu > #left-menu > ul > li > a::before{
	content:'';
	width:1px;
	height:17px;
	background: #e0e0e0;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
}
#pc-sub-menu > #left-menu > ul > li:last-child > a::before{
	content:none;
}

#pc-sub-menu > #left-menu > ul > li.on > a{
	color:#0068b9;
	font-weight: bold;
}

#sub-inner-wrap {
	padding:30px 0 80px 0;
	position:relative;
}
#sub-inner-wrap #subTitle {
	margin-bottom:40px;
	margin-top:0;
}

#sub-inner-wrap #left-menu {
	position:absolute;
	left:0;
	top:50px;
	
}
#sub-inner-wrap #left-menu ul{
	border-top:1px solid #0098f3;
	border-bottom:1px solid #0098f3;
	padding:20px 0;
	top:120px;
}
#sub-inner-wrap #left-menu ul li {
	margin:14px 0px;
	padding:0 30px;
}
#sub-inner-wrap #left-menu ul li a{
	display:block;
	color:#888;

}
#sub-inner-wrap #left-menu ul li.on{
	border-left:10px solid #0098f3;
	padding-left:20px;
}
#sub-inner-wrap #left-menu ul li.on a{
	color:#0098f3
}

/*레프트메뉴 있을시*/
#sub-inner-wrap #left-menu2 {}
#sub-inner-wrap #left-menu2 ul li a{
	border:1px solid #ddd;
	display:block;
	padding:20px 20px;
	font-size:16px;
	color:#555;
	margin:-1px 0;
}
#sub-inner-wrap #left-menu2 ul li a:after {
	content:">";
	float:right;
	font-family:dotum;
}
#sub-inner-wrap #left-menu2 ul li.on a{
	color:#037bc1;
	font-weight:bold;
}
.left-menu-wrap #subTitle{
	margin-bottom:0 !important;
	padding:100px 0px 20px 20px; 
	background:#037bc1;
}
@media(max-width:992px){
	.left-menu-wrap #subTitle{
		margin-bottom:0 !important;
		padding:20px 20px 20px 20px; 
		background:#037bc1;
		cursor:pointer;
	}
	.left-menu-wrap #subTitle:after {
		content:"▼";
		float:right;
	}
}

@media(max-width:992px){
	#over_menu_m {margin-bottom:30px;}
	#over_menu_m ul {display:none;}
	#over_menu_m ul li a {
		display:block;
		padding:20px 20px;
		border:1px solid #ddd;
		background:#fff;
		margin:-1px 0;
		font-size:16px;
		color:#444;
	}
	#over_menu_m ul li a:after {
		content:">";
		float:right;
		font-family:dotum;
	}
}


/*메뉴 css*/
#header{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	z-index:30;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	padding:17px 0;
	text-align:center;
	background:transparent;

	position: fixed;
}

@media(max-width:992px){
	#header{
		background:#fff;
		border-bottom: 1px solid #ebebeb;
	}
}
#header.top-nav-collapse{
	padding:0px 0;
}


#header:hover,
#header.top-nav-collapse{
	background:rgba(0,0,0,0.5);
}
#header .menu-over-bg{
	position:absolute;
	left:0;
	top:100px;
	width:100%;
	height:80px;
	background:rgba(0,0,0,.8);
	z-index:2;
	display:none;
}

@media(max-width:992px){
	
	#header:hover,
	#header.top-nav-collapse{
		background:#fff;
		/* position: relative; */
	}
	#header .menu-over-bg{
		position:absolute;
		left:0;
		top:100px;
		width:100%;
		height:80px;
		background:#fff;
		z-index:2;
		display:none;
	}
}
#header.top-nav-collapse .menu-over-bg{
	top:66px;
	height:60px;
}
@media(max-width:1200px){
	#header .menu-over-bg{
		top:96px;
	}
	#header.top-nav-collapse .menu-over-bg{
		top:62px;
		height:60px;
	}
}
#header > .container{
	z-index:3;
	position:relative;
}
#header h1.logo{
	margin:0;
	padding:0;
	font-size:0;
}
@media(max-width:1200px){
	#header h1.logo img {
		max-width:220px !important;
	}
}
#header .gnb-pc-list {
	display:inline-block;
	vertical-align:bottom;
}
#header .gnb-pc-list > li{
	float:left;
	margin-left:60px;
	position:relative;
}
#header .gnb-pc-list > li > a{
	display:block;
	padding:20px 0;
	position:relative;
	color:white;
}
#header .gnb-pc-list > li > a:after{
	content:none;
	position:absolute;
	bottom:0;
	left:0;
	height:5px;
	width:0;
	background:#fff;
	transition:all 0.3s ease-in-out ;
	-moz-transition:all 0.3s ease-in-out ;
	-webkit-transition:all 0.3s ease-in-out ;
	-o-transition:all 0.3s ease-in-out ;
}
#header .gnb-pc-list > li:hover > a:after,
#header .gnb-pc-list > li.opened > a:after{
	width:100%;
}
#header .gnb-pc-list > li > ul.dp2-box{
	position:absolute;
	text-align:right;
	right:-15px;
	width:1000px;
	padding-top:0px;
	display:none;
}
#header .gnb-pc-list > li.sub01 > ul.dp2-box{
	position:absolute;
	text-align:left;
	width:600px;
	padding-top:0px;
	margin-left:-5px;
	right:auto;
	display:none;
}
#header .gnb-pc-list > li.sub02 > ul.dp2-box{
	margin-left:0;
	right:-306px;
}
#header .gnb-pc-list > li.sub03 > ul.dp2-box{
	right:-170px;
}
#header .gnb-pc-list > li > ul.dp2-box > li{
	display:inline-block;
}
#header .gnb-pc-list > li > ul.dp2-box > li > a{
	display:block;
	padding:44px 10px;
	color:#fff;
}
#header.top-nav-collapse .gnb-pc-list > li > ul.dp2-box > li > a{
	padding:20px 10px;
}

#header .quick-menu{
	position: fixed;
	top:50%;
	transform:translateY(-50%);
	right:16px;
}
#header .quick-menu a{
	display:block;
	width:80px;
	height:80px;
	border:1px solid rgba(0,0,0,0.15);
	border-radius:50%;
	color:#222;
	font-size:14px;
	font-weight: 500;
	margin:10px 0;
	padding-top:8px;
	letter-spacing: -0.05em;
	line-height:1.3;
	background: #fff;
}
#header .quick-menu a:hover{
	background: #0068b9;
	border:1px solid #0068b9;
	color:white;
}
#header .quick-menu a span{
	background: url('../images/deco-quick2.png')no-repeat center center / contain;
	width:33px;
	height:20px;
	display:block;
	margin:0 auto 4px;
}
#header .quick-menu a:hover span{
	background: url('../images/deco-quick.png')no-repeat center center / contain;
}
@media(max-width:1200px){
	#header .quick-menu{
		right:15px;
	}
}
@media(max-width:992px){
	#header{
		padding: 25px 0;
	}
	#header.top-nav-collapse{
		padding: 25px 0;
	}
	#header h1 a{
		font-size:0;
		line-height:auto;
	}
	.gnb-m-wrap,
	.gnb-m-control{
		/* position:relative; */
		z-index: 6;
	}
	#gnb-m-list{
		position:fixed;
		right: 0;
		top:0;
		height:100%;
		width:80%;
		/* background:#fff; */
		z-index:5;
		display:none;
	}
	.all-menu-bg{
		position:fixed;
		left:0;
		top:0;
		height:100%;
		width:100%;
		background: rgba(0,0,0,.3);
		z-index:4;
		display:none;
	}
	
	#header #gnb-m-list > ul {
		margin-top: 78px;
		width: 71%;
		border-top:1px solid rgba(255,255,255,.2);
		background: #fff;
		height: 100%;
		border-left: 2px solid #f6891f;
		float: left;
		padding-top: 15px;
	}
	#header #gnb-m-list .quick-menu-mo {
		margin-top: 78px;
		position: absolute;
		right:0;
		width: 29%;
		/* top: 66px; */
		height: 100%;
		padding-top: 25px;
		background: #f6f6f6;
	}
    
	#header #gnb-m-list .quick-menu-mo a {color:#000;display: block;margin-bottom: 23px;line-height: 1.2em;background: #f6f6f6;}
	#header #gnb-m-list .quick-menu-mo a span{
		background: url('../images/deco-quick-mo.png')no-repeat center center / contain;
		width:33px;
		height:20px;
		display:block;
		margin: 0 auto 5px;
	}
	
	#header.top-nav-collapse #gnb-m-list > ul{
		margin-top:55px;
	}
	#header.top-nav-collapse #gnb-m-list .quick-menu-mo {
		margin-top:55px;
	}
	#header #gnb-m-list > ul > li > a.dp1{
		display:block;
		margin-bottom:1px;
		position:relative;
		padding: 16px 25px 10px;
		background:#fff;
		font-weight: 600;
		color:#222;
	}
	#header #gnb-m-list > ul > li > a.dp1 > i {
		position:absolute;
		right:20px;
		top:50%;
		margin-top:-10px;
		font-weight:100;
		font-size:22px;
	}
	#header #gnb-m-list > ul > li > a.dp1.opened > i{
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Safari */
		transform: rotate(45deg);
	}
	#header #gnb-m-list > ul > li > .dp2-box{
		padding: 0 0px 13px 30px;
		display:none;
	}
	#header #gnb-m-list > ul > li > .dp2-box > p{margin:0;}
	#header #gnb-m-list > ul > li > .dp2-box > p > a{
		display:block;
		padding: 3px 0;
		color: #666;
	}
	#header .quick-menu{
		display:none !important;
	}
}

/*모바일 메뉴 열기 아이콘 애니*/
.all-menu-btn {
	display:block;
	position:absolute;
	right:0;
	top:0;
	}

.qodef-menu-appear {
    display: block;
    width: 78px;
    height: 78px;
    text-align: center;
    text-align:center;
    padding: 25px 26px;
    vertical-align: middle;
}

.qodef-menu-appear span {
    display: block;
}

.qodef-menu-appear .icon {
    width: 100%;
    height: 100%;
    padding-top: 3px;
    /* text-align: center; */
}

.qodef-menu-appear .line {
    margin: 0 0 0 auto;
    position: relative;
    width: 100%;
    height: 2px;
    background: #000;
    -moz-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    -o-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    transition: width .3s cubic-bezier(.77, 0, .175, 1)
}

.qodef-menu-appear .line:nth-child(1) {
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.qodef-menu-appear .line:nth-child(2) {
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.qodef-menu-appear .line:nth-child(3) {
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-menu-appear .line + .line {
    margin-top: 6px
}

.qodef-menu-appear .close {
    position: absolute;
    top: 25px;
    left: 14px;
    width: 26px;
    height: 26px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1;
    z-index: 9888;
}
.qodef-menu-appear .close:after, 
.qodef-menu-appear .close:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    content: '';
    -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1);
    -o-transition: -o-transform .3s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    transition: transform .3s cubic-bezier(.77, 0, .175, 1)
}

.qodef-menu-appear .close:before {
    margin: -1px 0 0 -14px;
    width: 28px;
    height: 2px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transform-origin: 0 50% 0;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}

.qodef-menu-appear .close:after {
    margin: -14px 0 0 -1px;
    width: 2px;
    height: 28px;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -moz-transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0

}

.qodef-menu-appear.opened .icon .close:before {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transition-delay: .35s;
    -o-transition-delay: .35s;
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.qodef-menu-appear.opened .icon .close:after {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-menu-appear.opened .icon .line {
    width: 0
}

.qodef-menu-appear.opened .icon .line:nth-child(1) {
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.qodef-menu-appear.opened .icon .line:nth-child(2) {
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.qodef-menu-appear.opened .icon .line:nth-child(3) {
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.qodef-main-menu > ul > li {
    position: relative;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
    transition: opacity .2s ease-out, visibility .2s ease-out
}

.qodef-main-menu > ul > li:nth-child(n+1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.qodef-main-menu > ul > li:nth-child(n+2) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.qodef-main-menu > ul > li:nth-child(n+3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.qodef-main-menu > ul > li:nth-child(n+4) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.qodef-main-menu > ul > li:nth-child(n+5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-main-menu > ul > li:nth-child(n+6) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.qodef-main-menu > ul > li:nth-child(n+7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.qodef-main-menu > ul > li:nth-child(n+8) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.qodef-main-menu > ul > li:nth-child(n+9) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.qodef-main-menu > ul > li:nth-child(n+10) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li {
    opacity: 1;
    -webkit-transition: opacity .3s ease-out, visibility .3s ease-out;
    transition: opacity .3s ease-out, visibility .3s ease-out;
    visibility: visible
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+2) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+4) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+6) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+8) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+9) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+10) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}



#gnb-m-list .all-menu-btn{
	background: #0068b9;
	content: '';
	width: 29%;
	height: 78px;
	position: absolute;
	right: 0;
	top: 0;
}
#gnb-m-list .all-menu-btn .close {
   left:auto;
   right:50%;
	-moz-transform: translateX(50%) rotate(45deg);
	-ms-transform: translateX(50%) rotate(45deg);
	-webkit-transform: translateX(50%) rotate(45deg);
	transform: translateX(50%) rotate(45deg);
}
/**/

.fl{
	float:left;
}
.fr{
	float:right;
}



/* 사업실적 */
.sub0301 .container-fluid{
	padding-right:0;
	padding-left:0;
}

.grid-sizer { 
	width: 23.7%; 
}

.works_list_wrap{
	width:100%;
}
.works_list{
	width:100% !important;
}
.works_list:after {
  content: '';
  display: block;
  clear: both;
}
.works_item {
  width: 23.7%;
  /* height:446px; */
  float: left;
  border-color: hsla(0, 0%, 0%, 0.5);
  margin-bottom: 20px;
  overflow:hidden;
}
.works_item .title {
    height: auto !important;
}
/* .works_item .thum{
	height:100%;
} */
.works_item .thum img{
	width:100%;
	max-width:100%;
	height:100%;
}
.works_item .subject{
	position: absolute;
	bottom:0;
	left:0;
	background: #fff;
	padding: 24px 14px 8px 10px;
	display:none;
}
.works_item:hover .subject{
	display:block;
}
@media(max-width:992px){
	.works_item .subject {
		display: block;
		padding: 14px 10px 8px 10px;

		display:none !important;
	}
	.sub0301 #paging a {
		margin: 2px !important;
	}
}
/* 높이 px */
.works_item:nth-child(2) .thum,
.works_item:nth-child(4) .thum,
.works_item:nth-child(7) .thum,
.works_item:nth-child(9) .thum,
.works_item:nth-child(10) .thum,
.works_item:nth-child(12) .thum,
.works_item:nth-child(15) .thum,
.works_item:nth-child(17) .thum{
	padding-top:81%;
}
.works_item:nth-child(3) .thum,
.works_item:nth-child(5) .thum,
.works_item:nth-child(6) .thum,
.works_item:nth-child(8) .thum,
.works_item:nth-child(11) .thum,
.works_item:nth-child(13) .thum,
.works_item:nth-child(14) .thum,
.works_item:nth-child(16) .thum{
	padding-top:150%;
}
@media(max-width:1600px){
	.grid-sizer { 
		width: 23.1%; 
	}
}
@media(max-width:1200px){
	.grid-sizer { 
		width: 23.2%; 
	}
}
@media(max-width:992px){
	.grid-sizer { 
		width: 48%; 
	}
	.works_item {
		width: 48%;
	}
	.works_item .thum img {
		height:auto;
	}
}
@media(max-width:530px){
	.grid-sizer { 
		width: 100%; 
	}
	.works_item {
		width: 100%;
	}
	.works_item:nth-child(2),
	.works_item:nth-child(4),
	.works_item:nth-child(7),
	.works_item:nth-child(9),
	.works_item:nth-child(10),
	.works_item:nth-child(12),
	.works_item:nth-child(15),
	.works_item:nth-child(17),
	.works_item:nth-child(3),
	.works_item:nth-child(5),
	.works_item:nth-child(6),
	.works_item:nth-child(8),
	.works_item:nth-child(11),
	.works_item:nth-child(13),
	.works_item:nth-child(14),
	.works_item:nth-child(16){
		height:auto;
		position: relative;
	}
	.works_item .thum img {
		height:auto;
	}
}

.project .filter ul{
	text-align:center;
	margin-bottom: 70px;
}
.project .filter ul li{
	display:inline-block;
	margin:0 30px;
}
.project .filter ul li a{
	color:#acacac;
	font-family:'Noto Sans KR' !important;
	font-weight: 300;
	font-size:18px;
}
.project .filter ul li.active a{
	font-weight: bold;
	color:black;
}
.project .board_top_tab {
	margin-bottom: 30px;
	margin-left: 15px;
}
.project .board_top_tab a {
    float: left;
    width: 162px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #ccc;
    border-right: none;
	border-bottom: 1px solid black;
    color: #111;
	font-weight: 400;
}
.project a.board_tab_on {
    color: #ffffff;
    background: #2e2e2e;
}
@media(max-width:767px){
	.project .board_top_tab {
		width: 100%;
		margin:0 auto 30px;
		border:none;
	}
	.project .board_top_tab a {
		width: 50%;;
		height: 40px;
		line-height: 40px;
		border:1px solid #ccc;
	}
	.project .board_top_tab a:nth-child(1),
	.project .board_top_tab a:nth-child(2){
		border-bottom:none;
	}
	.project .board_top_tab a:nth-child(1),
	.project .board_top_tab a:nth-child(3){
		border-right:none;
	}
	.project .filter ul {
		margin-bottom: 40px;
	}
	.project .filter ul li {
		margin: 0 10px;
	}
	.project .filter ul li a{
		font-size:16px;	
	}
}

#paging a{
    display: inline-block;
    padding: 5px 10px;
    border:none;
    color: #b3b3b3;
    border-radius: 0;
    margin: 0px 2px !important;
	font-size:15px;
}
#paging a.active {
    background: transparent;
    border: none;
    color: #0068b9;
	font-weight: 500;
	position: relative;
}
#paging a.active::after {
	content:'';
	position: absolute;
	bottom:2px;
	left:50%;
	transform:translateX(-50%);
	width:50%;
	height:1px;
	background: #0068b9;
}
#paging a:first-child{
	background: url('../images/pager_1.jpg')no-repeat center center/ contain;
	color:transparent;
	width:46px;
	height:38px;
	transform:translateY(-2px);
}
#paging a:nth-child(2){
	background: url('../images/pager_2.jpg')no-repeat center center/ contain;
	color:transparent;
	width:38px;
	height:38px;
	transform:translateY(-2px);
	margin-right:15px !important;
}
#paging a:nth-last-child(2){
	background: url('../images/pager_3.jpg')no-repeat center center/ contain;
	color:transparent;
	width:38px;
	height:38px;
	transform:translateY(-2px);
	margin-left:15px !important;
}
#paging a:last-child{
	background: url('../images/pager_4.jpg')no-repeat center center/ contain;
	color:transparent;
	width:46px;
	height:38px;
	transform:translateY(-2px);
}

.project .owl-carousel .owl-item img{
	width:auto;
}

.view-container{
	width:1230px;
	margin:0 auto;
}
@media(max-width:1200px){
	.view-container{
		width:970px;
	}
}
@media(max-width:992px){
	.view-container{
		width:750px;
	}
}
@media(max-width:767px){
	.view-container{
		width:100%;
		padding-left:15px;
		padding-right:15px;
	}
}

#view-content .title{
	display:block;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ebebeb;
}
#view-content .title p{
	display:inline-block;
	vertical-align: middle;
	padding:30px;
	font-family:'Noto Sans KR' !important;
	line-height:1.5;
}
#view-content .title p.bfs18{
	position: relative;
}
#view-content .title p.bfs18::after{
	content:'';
	position: absolute;
	right:0;
	top:50%;
	width:1px;
	height:18px;
	background: #dbdbdb;
	transform:translateY(-50%);
}
#view-content .content{
	overflow:hidden;
}
#view-slider{
	position: relative;
	width:100%;
	height:100%;
}
#view-slider .owl-item.active{
	overflow:hidden;
}
#view-slider .owl-item .item{
	width:90%;
	padding-top:115%;
	position: relative;
	background: #fafafa;	
	margin:0 auto;
}
#view-slider .owl-item .item p{
	height:auto;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
}
#view-slider .owl-item img{
	max-width:100%;
	width:auto;
	margin:0 auto;
}
#view-slider .owl-nav::after{
	content:'';
	display:block;
	clear:both;
}
#view-slider .owl-nav .owl-prev,
#view-slider .owl-nav .owl-next{
	width:70px;
	height:80px;
	position: absolute;
	top:30%;
	color:transparent;
	padding:10px 20px;
	cursor:pointer;
	text-indent:-9999px;
}
#view-slider .owl-nav .owl-prev{
	background: url('../images/prev.png')no-repeat center center / contain;
	left:-15px;
}
#view-slider .owl-nav .owl-next{
	background: url('../images/next.png')no-repeat center center / contain;
	right:-15px;
}

#view-slider .owl-thumbs{
	width:100%;
	margin-top: 18px;
}
#view-slider .owl-thumbs > button{
	width:20%;
	height:130px;
	overflow:hidden;
	vertical-align: top;
	border:none;
	background: none;
	outline:none;
}
#view-slider .owl-thumbs > button img{
	width:100%;
	max-width:100%;
}
@media(max-width:992px){
	#view-slider {
		overflow:hidden;
	}
	#view-slider .item{
		width:85%;
		margin:0 auto;
	}
	#view-slider .item img{
		width:100%;
		max-width:992px;
	}
	#view-slider .owl-nav .owl-prev{
		left:-14px;
	}
	#view-slider .owl-nav .owl-next{
		right:-14px;
	}
}
@media(max-width:767px){
	#view-slider .owl-item .item p{
		width:100%;
	}

	#view-slider .owl-nav .owl-prev,
	#view-slider .owl-nav .owl-next{
		width:50px;
		height:60px;
		top:36%;
	}
	#view-slider .owl-nav .owl-prev{
		background: url('../images/prev.png')no-repeat center center / contain;
	}
	#view-slider .owl-nav .owl-next{
		background: url('../images/next.png')no-repeat center center / contain;
	}
	#view-slider .owl-thumbs > button {
		width: 20%;
		height: 36px;
	}
	#view-slider .owl-item .item {
		width: 100%;
	}
	#view-content .title{
		padding:20px 10px;
	}
	#view-content .title p{
		padding:4px;
	}
	#view-content .title p.bfs18{
		padding-right:20px;
	}
	#view-content .title p.bfs18::after {
		top:56%;
		right:4px;
	}
}



#gallery-list .inner .subject .title{
	height:auto;
}

 
/*서브 fixed 로케이션 메뉴*/
.main_gnb{
	width:100%;
	position: fixed;
	left:0;
	top:0;
	display:none;
	background: #fafafa;
	border-bottom: 1px solid #e1e1e1;

	display:none !important;
}
.main_gnb #sub_location{
	position: relative;
	background: #fafafa;
	border-bottom: none;
	z-index: 29;
	height: 100px;
	width:100%;
	max-width:1430px;
	margin:0 auto;
}
.main_gnb #sub_location .sub_location_area{
	height:100px;
}
.main_gnb #sub_location .sub_location_area > ul{
	width:200px;
	position: relative;
	margin-top:20px;
}
.main_gnb #sub_location .sub_location_area > ul::after{
	content:'';
	width:1px;
	height:46px;
	background: #e1e1e1;
	position: absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.main_gnb #sub_location .sub_location_area > ul:first-child{
	width:70px;
	padding-top:20px;
}
.main_gnb #sub_location .sub_location_area > ul:first-child li{
	background: #fafafa !important;
}
.main_gnb #sub_location .sub_location_area > ul:first-child li a{
	display:block;
	width:100%;
	height:100%;
}
.main_gnb #sub_location .sub_location_area > ul li.sub_dept ul li a {
    line-height: 59px;
	font-size:16px !important;
	font-weight:400 !important;
	font-family: 'Raleway','Noto Sans KR' !important;
	border-bottom:none;
}
.main_gnb #sub_location .sub_location_area > ul li.sub_dept ul li:first-child a{
	background:url('../images/arr-down.jpg') no-repeat 90% center;
	background-size:8px 7px;
}
.main_gnb #sub_location .sub_location_area > ul li.sub_dept ul li:first-child a:hover{
	background:url('../images/arr-top.jpg') no-repeat 90% center !important;
	background-size:8px 7px;
	z-index:1;
}
.main_gnb #sub_location .sub_location_area > ul li.sub_dept ul {
	border:none !important;
    background: #fafafa !important;
}


#sub-inner-wrap p{
	font-weight: 300;
	color:#222;
	font-size:18px;
	letter-spacing: -0.025em;
}
#sub-inner-wrap b{
	color:black;
}
#sub-inner-wrap img{
	max-width:100%;
}
#sub-inner-wrap .landing-tt{
	line-height: 62px;
	letter-spacing: 0.1em;
	font-weight:800 !important;
	text-align: center;
}
#sub-inner-wrap .sub-tt{
	color:black;
	position: relative;
	display:inline-block;
	font-family:'Raleway','Noto Sans KR' !important;
	margin:100px auto 46px;
	font-weight: 700;
	font-size:24px;
}
#sub-inner-wrap .sub-tt::before{
	content:'';
	background: url('../images/sub0101_deco.png')no-repeat center center/ contain;
	width:11px;
	height:27px;
	position: absolute;
	left:50%;
	transform:translateX(-50%);
	top:-40px;
}
@media(max-width:992px){
	#sub-inner-wrap p{
		font-size:16px;
	}
	#sub-inner-wrap .landing-tt{
		line-height: 1.5;
	}
	#sub-inner-wrap .sub-tt{
		margin:100px auto 40px;
	}	
}
@media(max-width:767px){
	#sub-inner-wrap p{
		font-size:14px;
	}
	#sub-inner-wrap .sub-tt{
		margin:80px auto 20px;
		font-size:20px;
	}	
}

/* details */
.sub0101 section > div{
	position: relative;
}
.sub0101 section:first-child .fl-wrap{
	width:100%;
	height:100%;
	max-width:1920px;
	margin:0 auto;
}
.sub0101 section > div .fl:last-child{
	padding:76px;
	background: #fff;
	margin-top:146px;
	margin-left:-204px;
}
.sub0101 section > div .fl:last-child p.bfs26{
	line-height: 40px;
}
.sub0101 section:last-child {
	position: relative;
	margin-top: 120px;
}
.sub0101 section:last-child .sub-tt{
	margin-top:126px;
}
.sub0101 section:last-child .gray-box{
	display:block;
	width:100%;
	height:420px;
	background: #f6f6f6;
	position: absolute;
	top:0;
	left:0;
}
.sub0101 section:last-child p.fcGray7{
	line-height: 30px;
	letter-spacing: 0;
}

@media(max-width:1670px){
	.sub0101 section > div .fl:first-child{
		margin-left:-136px;
	}
}
@media(max-width:1570px){
	.sub0101 section > div .fl:first-child{
		margin-left:-160px;
	}
}
@media(max-width:1470px){
	.sub0101 section > div .fl:first-child{
		margin-left:-250px;
	}
}
@media(max-width:1400px){
	.sub0101 section > div .fl:first-child{
		margin-left:0;
	}
	.sub0101 section > div .fl:last-child{
		width:90%;
		float:right;
		padding:80px 80px 50px;
		margin-top:-400px;
		margin-left:0;
	}
}
@media(max-width:992px){
	.sub0101 section > div .fl:last-child{
		padding:60px 40px 40px;
		margin-top:-150px;
	}	
	.sub0101 section > div .fl:last-child p.bfs26{
		line-height: 1.7;
	}
	.sub0101 section:last-child {
		margin-top: 80px;
	}
}
@media(max-width:767px){
	.sub0101 section > div .fl:last-child{
		padding:40px 20px 30px;
		margin-top:-120px;
	}	
	.sub0101 section > div .fl:last-child p.lineH17{
		color:#777 !important;
	}	
	.sub0101 section > div .fl:last-child p.lineH17 span.fcGray2{
		font-weight: 500;	
	}
	.sub0101 section:nth-child(2) .row{
		padding-left:20px;
		padding-right:20px;
	}
	.sub0101 section:nth-child(2) .row img{
		max-width:130px !important;
	}
	.sub0101 section:last-child{
		background: #f6f6f6;
		margin-top: 70px;
		padding-top: 30px;
	}
	.sub0101 section:last-child .gray-box{
		display:none;
	}
	.sub0101 section:last-child p.fcGray7{
		line-height: 1.5;
		margin-bottom: 40px;
	}
}

.sub0102 section{
	position: relative;
	padding-top:110px;
	padding-bottom: 130px;
}
.sub0102 section::before{
	content:'';
	top:0;
	right:0;
	position: absolute;
	width:50%;
	height:100%;
	background: #f7f7f7;
}
.sub0102 section .clearfix > div{
	width:50%;
}
.sub0102 section .clearfix > div.fl{
	padding-right: 45px;
	position: relative;
}
.sub0102 section .clearfix > div.fl::after,
.sub0102 section .clearfix > div.fl::before{
	content:'';
	border-radius:50%;
	position: absolute;
}
.sub0102 section .clearfix > div.fl::after{
	width:16px;
	height:16px;
	background: #fab879;
	top:13px;
	right:-10px;
}
.sub0102 section .clearfix > div.fl::before{
	width:8px;
	height:8px;
	background: #f6891f;
	top:17px;
	right:-6px;
	z-index:1;
}
.sub0102 section .clearfix > div.fl .tt{
	position: relative;
	display:inline-block;
}
.sub0102 section .clearfix > div.fl .tt p{
	position: relative;
	z-index:1;
}
.sub0102 section .clearfix > div.fl .tt > span.raleway{
	color:#e9e9e9;
	font-weight: 800;
	position: absolute;
	top:-10px;
	right:120px;
	z-index:0;
}
.sub0102 section .clearfix > div.fr{
	padding-left: 70px;
	padding-top: 10px;
}
.sub0102 section .clearfix > div.fr dl{
	position: relative;
	z-index:1;
	margin-bottom: 40px;
}
.sub0102 section .clearfix > div.fr dl dt,
.sub0102 section .clearfix > div.fr dl dd{
	font-size:16px;
	font-family:'Montserrat','Noto Sans KR' !important;
}
.sub0102 section .clearfix > div.fr dl dt{
	font-weight: 500;
	color:#000;
	margin-bottom: 4px;
}
.sub0102 section .clearfix > div.fr dl dd{
	font-weight: 300;
	color:#555;
	padding:4px 0;
}
@media(max-width:992px){
	.sub0102 section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.sub0102 section .clearfix > div.fr {
		padding-left: 50px;
		padding-top: 4px;
	}
	.sub0102 section .clearfix > div.fr dl {
		margin-bottom: 20px;
	}
}
@media(max-width:767px){
	.sub0102 section::before {
		width: 60%;
	}
	.sub0102 section .clearfix > div.fl {
		width:40%;
		padding-right: 25px;
	}
	.sub0102 section .clearfix > div.fl::before {
		width: 6px;
		height: 6px;
		top: 10px;
		right: -1px;
	}
	.sub0102 section .clearfix > div.fl::after {
		width: 14px;
		height: 14px;
		top: 6px;
		right: -5px;
	}
	.sub0102 section .clearfix > div.fl .tt > span.raleway {
		right: 0;
		top:14px
	}
	.sub0102 section .clearfix > div.fr {
		width:60%;
		padding-left: 20px;
		padding-top: 4px;
	}
	.sub0102 section .clearfix > div.fr dl dt, .sub0102 section .clearfix > div.fr dl dd {
		font-size: 14px;
	}
}

.sub0104 section{
	width:100%;
	border-top:2px solid #000;
	margin-top:14px;
}
.sub0104 section dl{
	margin:0;
	padding:30px 0;
	border-bottom:1px solid #ebebeb;
}
.sub0104 section dl::after{
	clear:both;
	content:'';
	display:block;
}
.sub0104 section dl dt,
.sub0104 section dl dd{
	line-height: 1.6;
	font-family:'Noto Sans KR' !important;
}
.sub0104 section dl dt{
	float:left;
	font-size:18px;
	color:black;
	font-weight: 400;
	width:36%;
	padding:0 15px 0 10px;
}
.sub0104 section dl dd{
	float:left;
	font-size:16px;
	color:#777;
	font-weight: 300;
	width:64%;
}
@media(max-width:1200px){
	.sub0104 section dl dd{
		padding-left:20px;
	}
}
@media(max-width:992px){
	.sub0104 section {
		margin-top: 0;
	}
	.sub0104 section dl{
		padding:20px 0;
	}
	.sub0104 section dl dt{
		font-size:16px;
	}
	.sub0104 section dl dd{
		font-size:14px;
	}
}
@media(max-width:767px){
	.sub0104 section dl dt,
	.sub0104 section dl dd{
		float:none;
		display:block;
		width:100%;
		padding:0;
	}
	.sub0104 section dl dt{
		margin-bottom: 4px;
		font-size:15px;
	}
}

.sub0105 section:first-child > div:first-child{
	width:69.5%;
}
.sub0105 section:first-child > div:last-child{
	width:30%;
}
.sub0105 .color{
	padding:100px 0 110px;
}
.sub0105 .color [class*='bg-']{
	display:inline-block;
	width:180px;
	height:146px;
}
.sub0105 .color .clearfix{
	width:100%;
}
.sub0105 .color .clearfix > div{
	display:inline-block;
	vertical-align: bottom;
}
.sub0105 .color .clearfix > div:last-child{
	padding-left:20px;
}
.sub0105 .color .clearfix > div p{
	line-height:24px;
}
.sub0105 section:last-child{
	background: #f8f8f8;
	padding-top:50px;
	padding-bottom:145px;
}
@media(max-width:1600px){
	.sub0105 .color .clearfix > div:first-child{
		width:46%;
	}
	.sub0105 .color [class*='bg-']{
		width:100%;
	}
}
@media(max-width:1530px){
	.sub0105 section:first-child br{
		display:none;
	}	
}
@media(max-width:1460px){
	.sub0105 .color .clearfix > div:first-child{
		width:40%;
	}
}
@media(max-width:1300px){
	.sub0105 .color .clearfix > div:first-child{
		width:34%;
	}
}
@media(max-width:1200px){
	.sub0105 .color .row > div:last-child{
		margin-top:40px;
	}
	.sub0105 .color .clearfix > div:first-child{
		width:40%;
	}
}
@media(max-width:992px){
	.sub0105 section:first-child > div:first-child,
	.sub0105 section:first-child > div:last-child{
		width:100%;
		display:block;
	}
	.sub0105 section:first-child > div:last-child{
		margin-top:40px;
	}
	.sub0105 .color{
		padding:60px 0 110px;
	}
	.sub0105 .color [class*='bg-']{
		height:100px;
	}
	.sub0105 section:last-child{
		padding-top:40px;
		padding-bottom:100px;
	}
	.sub0105 section:last-child br{
		display:none;
	}
	.sub0105 section:last-child img{
		max-width:160px !important;
	}
}
@media(max-width:767px){
	.sub0105 .color{
		padding:60px 0;
	}
	.sub0105 .color .row > div{
		margin-bottom:15px;
	}
	.sub0105 .color .row > div:last-child{
		margin-top:0;
	}
	.sub0105 section:last-child{
		padding-bottom:40px;
	}
	.sub0105 section:last-child .row > div{
		margin-bottom:40px;
	}
}

.family-tab{
	width:100%;
	margin:0 0 120px;
}
.family-tab a{
	display:inline-block;
	margin:0 20px;
	padding:20px 0;  
	font-size:18px;
	color:#acacac;
	font-weight: 500;
}
.family-tab a.active{
	color:#000;
	font-weight: bold;
	position: relative;
}
.family-tab a.active::after{
	content:'';
	position: absolute;
	bottom:18px;
	left:0;
	width:100%;
	height:2px;
	background: #000;
}
@media(max-width:992px){
	.family-tab{
		margin:0 0 60px;
	}
	.family-tab a{
		font-size:16px;
	}
}
@media(max-width:767px){
	.family-tab{
		margin:0 0 40px;
	}
	.family-tab a{
		font-size:15px;
		margin: 0 8px;
	}
}
.fm-container{
	max-width:86.46%;
	width:100%;
	float:right;
}
.fm-container .row > div.col-md-8 p{
	line-height: 38px;;
}
.fm-container .row > div.col-md-8 .download{
	width:150px;
	height:50px;
	line-height: 50px;
	border:1px solid #000;
}
.fm-container .row > div.col-md-8 .download p{
	margin-right:26px;
}
@media(max-width:1600px){
	.fm-container .row > div:first-child{
		width:40%;
	}
	.fm-container .row > div:last-child{
		width:50%;
	}
	.fm-container .row > div:last-child br{
		display:none;
	}
}
@media(max-width:1200px){
	.fm-container{
		max-width:90%;
	}
}
@media(max-width:992px){
	.fm-container .row > div:first-child,
	.fm-container .row > div:last-child{
		width:100%;
	}
	.fm-container{
		max-width:750px;
		width:100%;
		float:none;
		margin:0 auto;
	}	
	.fm-container .row > div.col-md-4{
		margin-bottom: 20px;
	}
	.fm-container .row > div.col-md-8 p{
		line-height: 1.6;
	}
}
@media(max-width:767px){
	.fm-container{
		max-width:100%;
		width:100%;
		padding-right:15px;
		padding-left:15px;
	}	
	.fm-container .row > div.col-md-8 .download {
		width: 140px;
		height: 40px;
		line-height: 40px;
	}
}

.sub0107 .root_daum_roughmap{
	width:100%;
}
.sub0107 .root_daum_roughmap .wrap_map{
	height:420px;
}
.sub0107 section dl dt {
    width: 16%;
}
@media(max-width:992px){
	.sub0107 .root_daum_roughmap .wrap_map{
		height:350px;
	}
	.sub0107 section dl dt, 
	.sub0107 section dl dd {
		float: left;
	}
	.sub0107 section dl dt {
		width: 20%;
	}
	.sub0107 section dl dd {
		width: 80%;
	}
}
@media(max-width:767px){
	.sub0107 .root_daum_roughmap .wrap_map{
		height:250px;
	}
	.sub0107 section dl dt {
		width: 30%;
	}
	.sub0107 section dl dd {
		width: 70%;
	}
}

.business{
	margin:10px auto 40px;
	position: relative;
	max-width:1920px;
}
.bz-container{
	width:100%;
}
.bz-container > .fl,
.bz-container > .fr{
	width:50%;
	max-width:960px;
	position: relative;
	z-index:1;
}
.bz-container > .fl .img{
	height:630px;
	width:100%;
	max-width:846px;
}
.bz-container > .fr{
	margin:40px 0;
}

.bz-container.has-txt{
	position: relative;
	background: #fafafa;
	margin-top:-380px;
}
.bz-container.has-txt .txt::before{
	content:'';
	width:360px;
	height:100%;
	background: #fff;
	position: absolute;
	left:0;
	top:0;
}
.bz-container.has-txt .txt {
	padding:80px 0 100px;
	width:100%;
	float:left;
	max-width:630px;
}
.bz-container.has-txt .txt p{
	line-height: 30px;	
	margin-bottom:30px;
}

@media(max-width:1800px){
	.bz-container > .fl{
		width:40%;	
		max-width:100%;
	}
	.bz-container > .fr{
		width:60%;
		max-width:100%;
		padding-left:80px;
	}
	.bz-container.has-txt .txt {
		padding-left:80px;
		max-width:700px;
	}
}
@media(max-width:1400px){
	.bz-container.has-txt .txt {
		padding-left:80px;
		max-width:600px;
	}
	.bz-container.has-txt .txt br{
		display:none;
	}
}
@media(max-width:1200px){
	.bz-container > .fl{
		width:100%;	
	}
	.bz-container > .fr{
		width:100%;
		padding-left:50px;
		margin:60px 0;
	}
	.bz-container.has-txt{
		margin:0;	
	}
	.bz-container.has-txt .txt::before{
		content:none;
	}
	.bz-container.has-txt .txt {
		padding:50px;
		max-width:100%;
		width:90%;
	}
}
@media(max-width:992px){
	.business{
		margin:0 auto;
}
	.bz-container .fl,
	.bz-container .fr{
		float:none !important;
	}
	.bz-container > .fl .img {
		display:none;
	}
	.bz-container > .fr{
		width: 100%;
		max-width:750px;
		padding-left: 0;
		margin: 60px auto;
	}
	.bz-container.has-txt {
		width: 100%;
	}
	.bz-container.has-txt .txt {
		padding: 50px 0 30px;
		max-width: 750px;
		width: 100%;
		margin:0 auto;
		float:none;
	}
}
@media(max-width:767px){
	.bz-container > .fr{
		max-width:100%;
		padding:0 15px;
		margin:40px 0;
	}
	.bz-container.has-txt .txt {
		padding: 50px 15px 30px;
		max-width:100%;
	}
	.bz-container.has-txt .txt p{
		line-height: 1.6;	
	}
}

.customer #board-list{
	border-top:2px solid #000;
}
.customer #board-list .list-table th{
	border-top: none;
}
.customer #board-list .list-table th,
.customer #board-list .list-table td{
	font-family: 'Noto Sans KR'!important;
	border-bottom: 1px solid #e5e5e5;		
}
.customer #board-list .list-table th{
	height:60px;
	line-height: 60px;
	font-size:18px;
	font-weight: 500;
	color:black;
}
.customer #board-list .list-table td.subject{
	font-size:18px;
}
.customer #board-list .list-table td{
	font-size:16px;
	font-weight: 300;
	color:black;
}
@media(max-width:767px){
	.sub0401.customer #board-list .list-table th,
	.sub0402.customer #board-list .list-table th,
	.sub0401.customer #board-list .list-table td,
	.sub0402.customer #board-list .list-table td{
		border-bottom: none;
	}	
	.sub0401.customer #board-list .list-table td,
	.sub0402.customer #board-list .list-table td{
		font-size:12px;
	}	
}

#gray_board_read .table_board_read{
	border-top:2px solid #000;
}
#gray_board_read .table_board_read thead th,
#gray_board_read .table_board_read thead td{
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
	font-family: 'Noto Sans KR'!important;
}
#gray_board_read .table_board_read thead th{
	height:auto;
	padding:30px;
	padding-right:0;
}
#gray_board_read .table_board_read thead th span{
	font-family: 'Noto Sans KR'!important;
	padding:0 20px;
}
#gray_board_read .table_board_read thead th span:last-child{
	position: relative;
}
#gray_board_read .table_board_read thead th span:last-child::before{
	content:'';
	position: absolute;
	top:50%;
	transform:TranslateY(-50%);
	left:0;
	width:1px;
	height:20px;
	background: #e5e5e5;
}
#gray_board_read .table_board_read .td_left{
	padding:60px 30px;
}
#gray_board_read .table_board_read .td_left p{
	font-size:16px;
}

#gray_board_read .table_board_read tr:last-child td{
	border-bottom: none;
}
@media(max-width:992px){
	.customer #board-list .list-table th{
		height:50px;
		line-height: 50px;
		font-size:16px;	
	}
	.customer #board-list .list-table td.subject{
		font-size:16px;
	}
	.customer #board-list .list-table td{
		font-size:14px;
	}
}
@media(max-width:767px){
	.customer #board-list .list-table th{
		font-size:15px;
	}
	.customer #board-list .list-table td.subject{
		font-size:15px;
	}
	#gray_board_read .table_board_read thead th {
		padding: 20px 10px;
	}
	#gray_board_read .table_board_read thead th .fl,
	#gray_board_read .table_board_read thead th .fr{
		float:none;
		display:block;
		width:100%;
		text-align:left;
	}
	#gray_board_read .table_board_read thead th .fr span {
		padding: 0 10px 0 0 ;
		font-size:12px !important;
		margin-top:10px;
		display:inline-block;
	}
	#gray_board_read .table_board_read thead th .fr span:last-child{
		padding-left:10px;
	}
	#gray_board_read .table_board_read .td_left {
		padding: 20px 10px;
	}
	#gray_board_read .table_board_read .td_left p {
		font-size: 14px;
	}
}

#board-top {
    margin-bottom: 20px;
}
@media(max-width:767px){
	#board-top {
		margin-bottom: 0;
	}
	#board-top .input-group-btn img{
		max-width:18px;
	}
}

.board-search-area{
	max-width:400px;
}
.board-search-area .select-area{
	width:40%;
	padding-right:30px;
}
.board-search-area .select-area .form-control{
	border:none;
	box-shadow:none;
	font-weight: 400;
	color:black;
	padding:4px 12px;
}
.board-search-area .text-area .form-control{
	border:none;
	box-shadow:none;
	color:#888;
	font-weight: 300;
}
.board-search-area .text-area .btn-sch{
	width:34px;
	height:34px;
	background: none;
	border:none;
}


/* 문의 form */
.inquiry{
	width:100%;
	max-width:700px;
	margin:0 auto;
}
.inquiry section{
	margin:30px 0;
}
.inquiry ul,
.inquiry ul li{
	width:100%;
}
.inquiry ul li{
	margin:10px 0;
}
.inquiry ul li input,
.inquiry ul li select,
.inquiry ul li textarea{
	border:1px solid #e5e5e5;
	width:100%;
	padding:14px;
	vertical-align: middle;
	border-radius:0;
}
.inquiry ul li input::placeholder{
	color:#888;
	font-size:15px;
	font-weight: 300;
}
.inquiry ul li.email input,
.inquiry ul li.email select{
	width:32.1%;
}

.inquiry .spam li{
	border:1px solid #e5e5e5;	
	padding:12px;
}
.inquiry .spam li a,
.inquiry .spam li input{
	display:inline-block;
	vertical-align: middle;
}
.inquiry .spam li a{
	width:10%;
}
.inquiry .spam li input{
	width:88%;
	border:none;
	box-shadow:none;
}
.inquiry .agree{
	padding-top: 10px;
}
.inquiry .agree .fl{
	padding-top:15px;
}
.inquiry .agree .fl input {
    width: 18px;
    height: 18px;
    outline: 0;
    transform: translateY(3px);
    margin-right: 5px;
	border-radius:0;	
}
.inquiry .agree .fl label{
	cursor:pointer;
}
.inquiry .agree .fr p{
	width:150px;
	height:50px;
	line-height: 50px;
	border:1px solid #000;
	text-align: center;
	cursor:pointer;
}
.inquiry #btn_submit{
	width:100%;
	height:60px;
	line-height: 60px;
	background: #2e2e2e;
	text-align: center;
	display:block;
	color:white;
	font-weight: 400;
}
@media (max-width: 767px){
	.inquiry{
		max-width:100%;
	}
	.inquiry ul li input::placeholder{
		font-size:14px;
	}
	.inquiry ul li input, 
	.inquiry ul li select, 
	.inquiry ul li textarea{
		padding:10px;
	}
	.inquiry ul li.email input,
	.inquiry ul li.email select{
		width:30.7%;
	}
	.inquiry .spam li{
		padding:10px;
	}
	.inquiry .spam li a,
	.inquiry .spam li input{
		display:block;
	}
	.inquiry .spam li a,
	.inquiry .spam li input{
		width:auto;
	}
	.inquiry .agree .fl{
		padding-top:10px;
	}
	.inquiry .agree .fl input {
		width: 14px;
		height: 14px;
	}
	.inquiry .agree .fr p{
		width:90px;
		height:30px;
		line-height: 30px;
		margin-top:10px;
	}
}
@media (max-width: 500px){
	.inquiry li p span{
		display:block;
		padding-left:16px;
	}
}


@media (min-width: 767px){
	#privacy .modal-dialog {
		width: 100%;
		max-width:1200px;
	}
	#privacy .modal-content {
		height: 800px;
		overflow: scroll;
	}
	#privacy button.close{
		font-size:28px;
		font-weight: 400;
		outline:none;
	}
}
@media (max-width: 600px){
	#privacy .modal-content {
		height: 350px;
		overflow-x:scroll;
		margin:40px auto;
	}
}



.bg-grey{
	background: #f7f8fa;
}
.sub0405 .family-tab {
    margin: 0 0 40px;
}
.sub0405 .row > div:first-child{
	position: relative;
}
.sub0405 .row > div:first-child::after{
	background: #ebebeb;
	width:700px;;
	height:10px;
	content:'';
	position: absolute;
	top:30%;
	transform:translateY(-50%);
	right:-130%;
	z-index:-1;
}
.sub0405 section:last-child dl{
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
}
.sub0405 section:last-child dl dt,
.sub0405 section:last-child dl dd{
	display:inline-block;
	vertical-align: middle;
}
.sub0405 section:last-child dl dt{
	padding-left:200px;
	padding-right:60px;
}
@media(max-width:1400px){
	.sub0405 .row > div:first-child::after {
		width: 660px;
	}
	.sub0405 section:last-child dl dt{
		padding-left:100px;
		padding-right:60px;
	}
}
@media(max-width:992px){
	.sub0405 .family-tab {
		margin: 0;
	}
	.sub0405 .row > div:first-child::after {
		width: 500px;
	}
	.sub0405 section:last-child dl dt{
		padding-left:10px;
		padding-right:15px;
	}
}
@media(max-width:767px){
	.sub0405 .row > div:first-child::after {
		content:none;
	}
	.sub0405 .row > div{
		margin-bottom:40px;
	}
	.sub0405 .row > div img{
		max-width:130px !important;
	}
	.sub0405 section:last-child dl{
		padding-top:40px;
		padding-bottom:40px;
	}
	.sub0405 section:last-child dl dt{
		display:block;
		padding-left:0;
		padding-right:0;
		text-align: center;
	}
}