@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:1280px;
	}
	.container.container-sm{
		width:1100px;
	}
	.container.container-xs{
		width:1000px;
	}
}

/*푸터*/
#footerWrap {
	background:#ddd
	;
}
#footerWrap .f-top{
	/* background:#222; */
	height:50px;
	line-height: 50px;
	background:#c51b1f
}
#footerWrap .f-top .inforLink li{
	padding:3px 0;
	display:inline-block;
	margin-right: 25px;
}
#footerWrap .f-top .inforLink li a{
	font-weight: 300;
}
#footerWrap .footLogo img{
	/* opacity:0.3; */
}
#footerWrap .imp p{
	color:#333;
	font-weight: 300;
	line-height:24px;
}
@media(max-width:992px){
	#footerWrap .f-top .inforLink li {
		margin-right: 16px;
	}
	#footerWrap .inforLink li {
		padding:3px 5px;
		display:inline-block;
	}
	#footerWrap .footLogo img{
		max-width:70px;
	}
}
@media(max-width:485px){
	#footerWrap .footLogo img{
		max-width:50px;
	}
}

#footerWrap .btn.dropdown-toggle{
	background:#f1f1f1 !important;
	border:1px solid #eee !important;
}
#footerWrap > .CopyRight{
	background:#000;
}
#footerWrap address > p {
	display:inline-block;
	margin:0;
}
@media(max-width:767px){
	#footerWrap address > p {
		display:inline-block;
		float:none;
	}
}

/*서브*/
#footerWrap .goTop{
	position:fixed;
	right:50px;
	bottom:40px;
	padding:10px 8px 10px 8px;
	text-align:center;
	background:#c51b1f;
	line-height:1.1;
	z-index:50;

	display:none;
}
#footerWrap .goTop:hover{
		padding-bottom:25px;
		background:#c51b1f ;
}

#subVisual-Wrap {
	position:relative; 
	overflow:hidden;
	height:260px;
}
@media(max-width:992px){
	#subVisual-Wrap {
		height:250px;
	}
}
#subVisual-Wrap  > img{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
}
#subVisual-Wrap .subVisual-text {
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
}
#subVisual-Wrap .subVisual-text .dp-table{
	height:100%;
	margin:0 auto;
	width:100%;
	max-width:1200px;
}

/*로케이션 메뉴*/
#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 > ul{
	position:relative;
	width:100%;
	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{
	color:#333; 
	background:url('../images/lnb-arrow.jpg') no-repeat 96% center;
	background-size:15px 9px;
}
#sub_location .sub_location_area > ul li.sub_dept ul li:first-child a:hover{
	background:url('../images/lnb-arrow2.jpg') no-repeat 96% center !important;
	background-size:15px 9px;
	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,
#pc-sub-menu > #left-menu2{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
#pc-sub-menu > #left-menu > ul,
#pc-sub-menu > #left-menu2 > ul {
	margin:0;
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	position: relative !important;
}
#pc-sub-menu > #left-menu > ul > li,
#pc-sub-menu > #left-menu2 > 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.on,
#pc-sub-menu > #left-menu2 > ul > li.on{
	border-bottom: 1px solid #c51b1f;
	font-weight: 500;
}
 #pc-sub-menu > #left-menu > ul > li:after,
 #pc-sub-menu > #left-menu2 > 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,
#pc-sub-menu > #left-menu2 > ul > li:hover:after{
	width:100%;
}
#pc-sub-menu > #left-menu > ul > li:hover,
#pc-sub-menu > #left-menu2 > ul > li:hover{
	font-weight: 500;
}
#pc-sub-menu > #left-menu > ul > li > a,
#pc-sub-menu > #left-menu2 > ul > li > a{
	position:relative;
	z-index:2;
	display:block;
	width:200px;
	padding:22.5px 0;
	color:#999;
	font-size:18px;
	text-decoration:none;
}
#pc-sub-menu > #left-menu > ul > li.on > a{
	color:#c51b1f;
}

#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:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:30;
	--border-bottom:1px solid rgba(255,255,255,.5);
	padding:30px 0;
	text-align:center;
}
#header.top-nav-collapse{
	background: rgba(0,0,0,0.5);
}


#header:hover,
#header.top-nav-collapse{

}
#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;
}
#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;
    padding-left: 40px;
}
@media(max-width:1200px){
	#header h1.logo img {
		max-width:220px !important;
	}
}
@media(max-width:992px){
	#header h1.logo{
		text-align: center;
		padding-left: 0;
	}
}
#header .gnb-pc-list {
	display:inline-block;
	vertical-align:bottom;
}
#header .gnb-pc-list > li{
	float:left;
	margin:0px 20px;
	position:relative;
}
#header .gnb-pc-list > li > a{
	display:block;
	padding:20px 0;
	position:relative;
}
#header .gnb-pc-list > li > a:after{
	content:"";
	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:left;
	width:400px;
	padding-top:0px;
	margin-left:-5px;
	display:none;
}
#header .gnb-pc-list > li:last-child > ul.dp2-box{
	position:absolute;
	text-align:right;
	right:-15px;
	width:400px;
	padding-top:0px;
	display:none;
}
#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 #gnb-m-list {
	position: fixed;
	top: 0;
	left:0;
	width: 20%;
	height:100%;
	z-index: 40;
	display: none;
	background:rgba(0,0,0,0.9);
}
#header #gnb-m-list .all-menu-btn{
	position: absolute;
	top:34px;
	left:0;
}
#header #gnb-m-list > ul{
	width:80%;
	padding-left:82px;
	padding-top:35%;
}
#header #gnb-m-list > ul > li {
	display:block;
	padding-bottom:18px;
	position: relative;

/* 		height:calc(30vh / 5); */
}

#header #gnb-m-list > ul > li:first-child{
	margin-top:0;
}
#header #gnb-m-list > ul > li a{
	color: #888;
	display:block;
	font-size:16px;
	font-weight:300;
}
#header #gnb-m-list > ul > li a.dp1:hover{
	color: #c51b1f !important;
}
#header #gnb-m-list > ul > li:hover a.dp1:after {
	display:block;
}
#header #gnb-m-list > ul > li > a.dp1{
	display: inline-block;
	background: transparent;
	position: relative;
	color:#888;
	font-weight:400;
	margin-bottom:7px;
}
#header #gnb-m-list > ul > li > a.dp1::after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: -149%;
	width: 0;
	height: 2px;
	background: #c51b1f;
	transition: all 0.3s;
}
#header #gnb-m-list > ul > li > a.dp1:hover::after {
	width: 252%;
}
#header #gnb-m-list > ul > li > a.dp1.opened{
	color:#c51b1f !important;
}
#header #gnb-m-list > ul > li > a.dp1::before{
	position: absolute;
	top: 2px;
	left: -73px;
	font-weight: 500;
	font-family:'Montserrat' !important;
	font-size:22px;
}
#header #gnb-m-list > ul > li > a.dp1.opened::after{
	width: 252%;
}
#header #gnb-m-list > ul > li.sub01 > a.dp1::before{
	content:'01';
}
#header #gnb-m-list > ul > li.sub02 > a.dp1::before{
	content:'02';
}
#header #gnb-m-list > ul > li.sub03 > a.dp1::before{
	content:'03';
}
#header #gnb-m-list > ul > li.sub04 > a.dp1::before{
	content:'04';
}
#header #gnb-m-list > ul > li.sub05 > a.dp1::before{
	content:'05';
}

/* 	#header #gnb-m-list > ul > li > a.dp1:after{
	content:'';
	height:3px;
	width:100%;
	background:#fcd629;
	position: absolute;
	bottom:0;
	left:0;
	display:none;
} */
#header #gnb-m-list > ul > li > .dp2-box{
	display:none;
	padding-top: 1px;
}
#header #gnb-m-list > ul > li > .dp2-box p{
	padding:6px 0;
}
/* 	#header #gnb-m-list > ul > li:first-child > .dp2-box{
	display:block;
} */
#header #gnb-m-list > ul > li > a.dp1 > i{
	display:none;
}

#header #gnb-m-list .download {
	width:83%;
	margin:0 auto;
	border-top: 1px solid #fff;
	opacity:0.4;
	position: absolute;
	left:20px;
	bottom:40px;
	padding:40px;
}
#header #gnb-m-list .download > a{
	color:white;
	font-weight: 400;
	display:block;
	text-align:left;
	margin-bottom: 18px;
}
#header #gnb-m-list .download > a i{
	margin-right:14px;
}

.all-menu-bg{
	background: transparent;
	width:100%;
	height:100vh;
	position: absolute;
	top:0;
	left:0;
	cursor:pointer;
	display:none;
}

}.bk-bg{
	content:'';
	display:block;
	background:rgba(0,0,0,0.5);
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:30;
	display:none;
}
#header .qodef-menu-appear.opened:before{
	color:#fff;
}
#header .all-menu-btn > div{
	position: absolute;
	display: none;
	right: 20px;
}
#header .qodef-menu-appear.opened:before{
	color:#fff;
}
@media(max-width:1600px){
	#header #gnb-m-list {
		width: 40%;
	}
	#header #gnb-m-list > ul {
		width: 80%;
		padding-left: 80px;
		padding-top: 37%;
	}	
}
@media(max-width:992px){
	.m-icon{
		position: absolute;
		left:15px !important;
		top:18px !important;
		z-index:50;
	}
	#gnb-m-list .login-bar{
		position: absolute;
		top: 30px;
		right: 15px;
	}
	#header {
		position: fixed;
		padding: 30px 0;
		background: rgba(0,0,0,0.5);
	}
	#header.top-nav-collapse {
		padding: 30px 0;
	}
	#header h1.logo img{
		max-width:60px !important;
	}
	#header #gnb-m-list {
		width: 50%;
	}
	#header #gnb-m-list > ul {
		width: 92%;
		padding-left: 55px;
		padding-top: 26%;
	}
	#header #gnb-m-list > ul > li > a.dp1::before {
		left: -45px;
		font-size: 16px;
	}

	.pc-icon{
		display:none;
		margin-left:50px;
	}

	#header #gnb-m-list .download {
		padding: 40px;
	}
	#header #gnb-m-list .download {
		position: relative;
		left: 0;
		bottom: 0;
		padding: 40px 0;
	}
}
@media(max-width:767px){
	#header #gnb-m-list {
		width: 80%;
	}
}

/* .all-menu-btn{
	position: absolute;
	top:50px;
	left:50px;
} */
/*모바일 메뉴 열기 아이콘 애니*/
.qodef-menu-appear {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 36px;
    vertical-align: middle;
	margin-left:50px;
}
@media(max-width:992px){
	.qodef-menu-appear {
		margin-left:0;
	}
}

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

.qodef-menu-appear .icon {
    width: 100%;
    height: 100%;
    padding-top: 3px;

	position: relative;
}

.qodef-menu-appear .icon::after{
	content:'MENU';
	color:white;
	font-weight:300;
	position: absolute;
	top:30px;
	left:0;
	font-size:12px;
}

.qodef-menu-appear .line {
    margin: 0 0 0 auto;
    position: relative;
    width: 100%;
    height: 3px;
    background: #fff;
    -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) {
	width:85%;
	transform:translateX(-20%);

    -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: 8px
}

.qodef-menu-appear .close {
    position: absolute;
    top: -5px;
    left: 0;
    width: 35px;
    height: 35px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	opacity:1;

}

.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 -18px;
    width: 35px;
    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: -18px 0 0 -1px;
    width: 2px;
    height: 35px;
    -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
}
/**/

.fl{
	float:left;
}
.fr{
	float:right;
}
.mwp100{
	max-width:100%;
}

#sub-inner-wrap p{
	color: #111;
	font-weight: 300;
	font-size: 18px;
}
@media(max-width:992px){
	#sub-inner-wrap p{
		font-size: 16px;
	}
}
@media(max-width:767px){
	#sub-inner-wrap p{
		font-size: 14px;
	}
}

.sub0101 .intro{
	padding-top: 140px;	
	padding-bottom: 70px;
	position: relative;
	border-bottom: 2px solid #c51b1f ;
}
.sub0101 .intro .bfs58{
	line-height:70px;
	letter-spacing: -0.03em;
}
.sub0101 .intro img{
	position: absolute;
	bottom:0;
	right:0;
}
.sub0101 .name{
	text-align: right;
}
.sub0101 .name div{
	display:inline-block;
	vertical-align: middle;
	margin-left:20px;
}
.sub0101 .name .sign_box{
	width: 200px;
}
.sub0101 .name .sign_box img{
	width: 100%;
}
.sub0101 .name div p:last-child{
	letter-spacing:0.5em;
    transform: translateX(10px);
}
@media(max-width:992px){
	.sub0101 p{
		position: relative;
		z-index: 1;	
	}
	.sub0101 .intro {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	.sub0101 .intro .bfs58 {
		line-height: 1.6;
	}
	.sub0101 .intro img{
		max-width:200px
	}
	.sub0101 .name .sign_box{width:90px;}
}
@media(max-width:767px){
	.sub0101 .intro {
		padding-top: 40px;
	}
	.sub0101 .intro img{
		max-width:45%;
	}
	.sub0101 .intro .bfs58 {
		width:60%;
		line-height:1.5;
	}
	.sub0101 .name .sign_box{width:70px; margin-left: 15px;}
}


.sub0102 p{
	letter-spacing: -0.03em;
}
.sub0102 .row{
	border-top:2px solid #000;
	border-bottom:1px solid #ddd;
	padding:50px 0 60px;
}
.sub0102 .row > div:first-child{
	border-right:1px solid #ddd;
}
.sub0102 .row p{
	line-height:25px;
}
@media(max-width:992px){
	.sub0102 > img{
		margin-top:-20px;
	}
	.sub0102 .row > div:first-child {
		border-right: none;
		padding-bottom: 30px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ddd;
	}
}
@media(max-width:767px){
	.sub0102 .row {
		padding: 40px 0;
		margin:0 15px;
	}
}
.sub0102 .txtWrap img{
	max-width:100%;
}
.sub0102 .txtbox{
	height:380px;
	width:52.5%;
	background: #c51b1f;
	position: relative;
	margin-top: -268px;
	margin-bottom: 100px;
}
.sub0102 .txtbox > img{
	position: absolute;
	right:0;
	top:0;
}
.sub0102 .txtbox > .txt{
	text-align: left;
	position: absolute;
	left:40px;
	bottom:40px;
}
.sub0102 .txtbox > .txt p{
	color:white !important;
	z-index:1;
	position: relative;
}
.sub0102 .txtbox > .txt hr{
	width:30px;
	height:5px;
	background: #fff;
	display:inline-block;
	margin:20px 0 30px;
}
@media(max-width:1200px){
	.sub0102 .txtWrap img{
		max-width:90%;
	}
}
@media(max-width:992px){
	.sub0102 .txtbox {
		height: 300px;
	}
	.sub0102 .txtbox > img{
		max-width:50%;
	}
	.sub0102 .txtbox > .txt {
		left: 20px;
		bottom: 20px;
	}
	.sub0102 .txtbox > .txt hr {
		height: 3px;
		margin: 20px 0;
	}
}
@media(max-width:992px){
	.sub0102 .txtbox {
		height: 300px;
	}
	.sub0102 .txtbox > img{
		max-width:50%;
	}
	.sub0102 .txtbox > .txt {
		left: 20px;
		bottom: 20px;
	}
	.sub0102 .txtbox > .txt hr {
		height: 3px;
		margin: 20px 0;
	}
}
@media(max-width:767px){
	.sub0102 .txtbox {
		height: auto;
		width: 80%;
		margin-top:-50px;
		margin-bottom:40px;
		padding:15px;
	}
	.sub0102 .txtbox > img {
		max-width: 30%;
	}
	.sub0102 .txtbox > .txt {
		position: relative;
		left: 0;
		bottom: 0;
	}
	.sub0102 .txtbox > .txt hr {
		height: 2px;
		margin: 20px 0 15px;
	}
}

.sub0102 .clearfix{
	padding-bottom:60px;
}
.sub0102 .clearfix > .fl{
	width:25%;
	margin-right: 6%;
	border-top:2px solid #111;
	padding-top: 20px;
}
.sub0102 .clearfix > .fr{
	width:69%;
	border-top:1px solid #ddd;
	padding-top: 20px;
	padding-left: 30px;
}
.sub0102 .clearfix > .fr ul li{
	margin:10px 0;
	font-size:16px;
	font-weight: 300;
}
.sub0102 .clearfix > .fr ul li span{
	font-family: 'Roboto','Noto Sans KR',sans-serif;
}
@media(max-width:767px){
	.sub0102 .clearfix {
		padding-bottom: 40px;
	}
	.sub0102 .clearfix > .fl,
	.sub0102 .clearfix > .fr{
		width:100%;
		float:none;
		display:block;
	}
	.sub0102 .clearfix > .fr {
		margin-top: 20px;
		padding-top: 20px;
		padding-left: 0;
	}
	.sub0102 .clearfix > .fr ul li {
		margin: 8px 0;
		font-size: 14px;
	}
}

.sub0102 .history{
	position: relative;
	padding-top: 30px !important;
}
.sub0102 .history::before{
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ddd;
    top: 37px;
    left: 17.5%;
    content: '';
}
.sub0102 .history dl{
	width:100%;
}
.sub0102 .history dl dt,
.sub0102 .history dl dd{
	display:inline-block;
	vertical-align: top;
	font-family: 'Roboto','Noto Sans KR',sans-serif;
}
.sub0102 .history dl dt{
	width:15%;
	font-size:18px;
	position: relative;
	color:black;
}
.sub0102 .history dl dt::after{
	position: absolute;
	width:9px;
	height:9px;
	border:2px solid #c51b1f;
	top:8px;
	right:0;
	border-radius: 50%;
	content:'';
}
.sub0102 .history dl dd{
	width:84%;
	font-size:16px;
}
.sub0102 .history dl dd p{
	display:inline-block;
	vertical-align: top;
	font-family: 'Roboto','Noto Sans KR',sans-serif;
}
.sub0102 .history dl dd p:first-child{
	width:13%;
	padding-left: 30px;
}
.sub0102 .history dl dd p:last-child{
	width:86%;
}
@media(max-width:1200px){
	.sub0102 .history dl dt::after {
		right: 4px;
		background: white;
	}	
	.sub0102 .history dl dd p:first-child {
		width: 15%;
	}
	.sub0102 .history dl dd p:last-child {
		width: 84%;
	}
}
@media(max-width:992px){
	.sub0102 .history dl dt::after {
		top: 6px;
		right: 15%;
	}	
	.sub0102 .history dl dd p:first-child {
		padding-left: 0;
	}
	.sub0102 .history dl dd p:first-child {
		width: 14%;
	}
}
@media(max-width:767px){
	.sub0102 .history::before {
		left: 16%;
	}
	.sub0102 .history dl dt {
		width: 20%;
		font-size: 16px;
	}
	.sub0102 .history dl dd {
		width: 78%;
		font-size: 14px;
	}
}

.sub0102 .award li {
	width:100%;
}
.sub0102 .award li > span,
.sub0102 .award li > p{
	display:inline-block;
	vertical-align: top;
	line-height:1.8;
}
.sub0102 .award li > span{
	width:15%;
}
.sub0102 .award li > p{
	width:84%;
}
@media(max-width:1200px){
	.sub0102 .award li > span {
		width: 18%;
	}	
	.sub0102 .award li > p {
		width: 81%;
	}
}
@media(max-width:992px){
	.sub0102 .award li > span {
		width: 24%;
	}	
	.sub0102 .award li > p {
		width: 75%;
	}
}
@media(max-width:767px){
	.sub0102 .award li > span {
		width: 30%;
	}	
	.sub0102 .award li > p {
		width: 65%;
	}
}

.sub0102 .map{
	margin-top:100px;
	position: relative;
}
.sub0102 .map .container{
	position: relative;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.sub0102 .map .box{
	background: #fff;
	border:1px solid #ddd;
	padding:60px 40px;
	max-width:530px;
}
.sub0102 .map .box dl{
	width:100%;
}
.sub0102 .map .box dl dt,
.sub0102 .map .box dl dd{
	display:inline-block;
	vertical-align: top;
	font-size:16px;
}
.sub0102 .map .box dl dt{
	width:26%;
}
.sub0102 .map .box dl dt i{
	margin-right: 5px;
}
.sub0102 .map .box dl dd{
	width:73%;
}
.sub0102 .map .box dl dd span,
.sub0102 .map .box dl dd p{
	display:inline-block;
	vertical-align: top;
	letter-spacing: -0.045em;
}
.sub0102 .map .box dl dd span{
	width:3%;
}
.sub0102 .map .box dl dd p{
	width: 96%;
	color:#666 !important;
	font-size:16px !important;
	padding:2px 0;
}
.sub0102 .map .cta{
	margin-top: 40px;
}
.sub0102 .map .cta > a{
	display:inline-block;
	border:1px solid #ddd;
	color:#666;
	font-weight: 300;
	width:200px;
	height:50px;
	line-height: 50px;
	text-align: center;
	margin-right:10px;
}
.sub0102 .map .cta > a img{
	transform:translateY(-2px);
	margin-right:2px;
}
@media(max-width:1660px){
	.sub0102 .map .box {
		padding: 40px;
		max-width: 650px;
	}
}
@media(max-width:1460px){
	.sub0102 .map .box {
		padding: 20px 40px;
	}
}
@media(max-width:1400px){
	.sub0102 .map .box {
		padding: 40px;
		border:none;
		max-width:100%;
	}
	.sub0102 .map .container{
		position: relative;
		top:0;
		left:0;
		transform:translate(0,0);
	}
	.sub0102 .map .box dl dt {
		width: 14%;
	}
}
@media(max-width:992px){
	.sub0102 .map .box {
		padding: 40px;
		border:none;
		max-width:100%;
	}
	.sub0102 .map .container{
		position: relative;
		top:0;
		left:0;
		transform:translate(0,0);
	}
}
@media(max-width:767px){
	.sub0102 .map {
		margin-top: 60px;
	}
	.sub0102 .map .box {
		padding: 40px 0;
	}
	.sub0102 .map .box dl dt {
		width: 25%;
	}
	.sub0102 .map .box dl dd {
		width: 71%;
		padding-left: 15px;
	}
	.sub0102 .map .cta > a {
		width: 158px;
		margin-right: 4px;
	}
}

.sub0103 .intro{
	padding:60px 0 100px;
}
.sub0103 .row ul li.pre{
	white-space:pre;
}

.sub0103 .clearfix{
	margin-top: 50px;
}
.sub0103 .clearfix > div{
	width:46%;
}
.sub0103 .clearfix > div > div{
	display:inline-block;
	vertical-align: top;
}
.sub0103 .clearfix > div > div:first-child{
	width:36.3%;
	height:200px;
	padding:8px;
	margin-right: 7%;
}
.sub0103 .clearfix > div > div.info{
	width:56%;
}
.sub0103 .clearfix > div > div.info ul{
	border-top:1px solid #555;
	border-bottom:1px solid #555;
}
.sub0103 .clearfix > div > div.info ul li{
	padding:10px 14px;
}
.sub0103 .clearfix > div > div.info ul li:nth-child(2){
	border-top:1px solid #555;
	border-bottom:1px solid #555;
}
.sub0103 .ci-yellow{
	margin-top:100px;
	padding-top:90px;
	border-top:1px solid #ddd;
}

@media(max-width:1200px){
	.sub0103 .clearfix > div > div:first-child {
		width: 35.3%;
		height: 199px;
	}	
}
@media(max-width:992px){
	.sub0103 .clearfix > div > div:first-child {
		height: 190px;
	}
}
@media(max-width:767px){
	.sub0103 .clearfix {
		margin-top: 30px;
	}
	.sub0103 .intro {
		padding: 80px 0;
	}
	.sub0103 .row > div{
		margin-bottom: 15px;
	}
	.sub0103 .clearfix > div {
		width: 100%;
	}
	.sub0103 .clearfix > div:first-child{
		margin-bottom: 40px;
	}
	.sub0103 .clearfix > div > div:first-child {
		width: 100%;
		height: 60px;
		margin-bottom: 15px;
	}
	.sub0103 .clearfix > div > div.info {
		width: 100%;
	}
	.sub0103 .ci-yellow {
		margin-top: 60px;
		padding-top: 50px;
	}
}

.sub0105 .row > div{
	margin-bottom: 30px;
}
.sub0105 .row > div .item{
	position: relative;
	cursor:pointer;
}
.sub0105 .row > div .item img{
	max-width:100%
}
.sub0105 .row > div .item .overlay{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top:0;
	left:0;
	display:none;
}
.sub0105 .row > div .item:hover .overlay{
	display:block;
}
.sub0105 .row > div .item .overlay .txt{
	position: relative;
	width:100%;
	height:100%;
}
.sub0105 .row > div .item .overlay .txt p{
	color:white !important;
	position: absolute;
	bottom:30px;
	left:30px;
}
.sub0105 .row > div{
	width:14.28571428571429%;
}

@media(max-width:767px){
	.sub0105 .row{
		margin-right:-5px;
		margin-left:-5px;
	}
	.sub0105 .row > div{
		padding-right:5px;
		padding-left:5px;
		margin-bottom: 15px;
	}
}

.sub0105 .modal .modal-dialog{
	width:100%;
	max-width:1200px;
	top:50%;
	transform:translateY(-50%);
}
.sub0105 .modal .modal-dialog .modal-content{
	border-radius:0;
	height:600px;
}

.sub0105 .modal .modal-dialog .modal-content .modal-text{
	padding:30px 10px;
}
.sub0105 .modal .modal-dialog .modal-content::after{
	display:block;
	content:'';
	clear:both;
}
.sub0105 .modal .modal-dialog .modal-content .fl{
	width:42%;
	height:100%;
}
.sub0105 .modal .modal-dialog .modal-content .fl img{
	height:100%;
}
.sub0105 .modal .modal-dialog .modal-content .fr{
	width:58%;
	height:100%;
	padding:82px 60px;
	position: relative;
	overflow-y: scroll;
}
.sub0105 .modal .modal-dialog .modal-content .fr .bfs42{
	border-bottom: 1px solid #000;
	padding-bottom:20px;
	padding-left: 10px;
}
.sub0105 .modal .modal-dialog .modal-content .fr ul{
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 60px;
	border-bottom: 1px solid #ddd;
}
.sub0105 .modal .modal-dialog .modal-content .fr ul.list-border-top {
	border-top: 1px solid #ddd;
}

.sub0105 .modal .modal-dialog .modal-content .fr ul li{
	font-size:16px;
	color:#555;
	font-weight: 300;
	padding:2px 0;
}
.sub0105 .modal .modal-dialog .modal-content .close{
	position: absolute;
	top:-50px;
	right:0;
	opacity:1;
}
@media(max-width:1200px){
	.sub0105 .modal .modal-dialog {
		max-width: 90%;
		margin:0 auto;
	}
	.sub0105 .modal .modal-dialog .modal-content .fr {
		width: 50%;
	}
}
@media(max-width:992px){
	.sub0105 .modal .modal-dialog .modal-content .fl,
	.sub0105 .modal .modal-dialog .modal-content .fr {
		width: 100%;
		float:none;
		display:block;
	}
	.sub0105 .modal .modal-dialog .modal-content .fl{
		text-align: center;
		height:auto;
	}
	.sub0105 .modal .modal-dialog .modal-content .fl img{
		max-width:100%;
		height:auto;
	}
	.sub0105 .modal .modal-dialog .modal-content .fr{
		padding:40px 15px;
		background: #fff;
		height:auto;
	}
	.sub0105 .modal .modal-dialog .modal-content .fr ul {
		padding-bottom: 20px;
	}
	.sub0105 .modal .modal-dialog .modal-content .fr ul li {
		font-size: 14px;
		padding:0;
		line-height: 1.5;
	}
	.sub0105 .modal .modal-dialog .modal-content .close {
		top: -40px;
	}
	.sub0105 .modal .modal-dialog .modal-content .close img{
		max-width:20px;
	}
}
@media(max-width:767px){
	.sub0105 .modal .modal-dialog .modal-content{
		height:100%;
		max-height:400px;
	}
	.sub0105 .close {
		position: fixed;
		top: 40px;
		right:30px;
		opacity:1;
		z-index:4;
		border-radius:50%;
		background: #000;
		width:40px;
		height:40px;
		padding-bottom: 5px;
	}
	.sub0105 .close img{
		max-width:18px;
	}
}

.book .intro{
	padding-bottom: 50px;
	position: relative;
}
.book .intro p{
	z-index:1;
	position: relative;
}
.book .intro img{
	position: absolute;
	bottom:0;
	right:0;
	z-index:0;
}
.book .book-content{
	background: #f2f2f2;
	height:414px;
	margin-bottom: 200px;
}
.book .book-content .fl{
	width:41%;
	padding-top: 40px;
}
.book .book-content .fl img{
	max-width:100%;
}
.book .book-content .fr{
	position: relative;
}
.book .book-content .fl img{
	-webkit-box-shadow: 10px 10px 24px 5px rgba(0,0,0,0.17);
	-moz-box-shadow: 10px 10px 24px 5px rgba(0,0,0,0.17);
	box-shadow: 10px 10px 24px 5px rgba(0,0,0,0.17);
}
.book .book-content .fr{
	width:59%;
	padding:50px 0;
}
.book .book-content .fr .txt{
	margin-top: 30px;
}
.book .book-content .fr .txt > div{
	display:inline-block;
	vertical-align: top;
	margin-right:90px;
}
.book .book-content a{
	width:200px;
	height:60px;
	line-height: 60px;
	text-align: center;
	color:white;
	font-weight: 500;
	background: #c51b1f;
	display:inline-block;
	position: absolute;
	bottom:-104px;
	left:0;
}
@media(max-width:1200px){
	.book .book-content .fl {
		width: 34%;
	}
}
@media(max-width:992px){
	.book .intro img {
		max-width: 400px;
	}
	.book .book-content {
		height:auto;
		margin-bottom: 0;
	}
	.book .book-content .fr .txt > div {
		margin-right: 60px;
	}
	.book .book-content a {
		width: 180px;
		height: 40px;
		line-height: 40px;
		position: relative;
		margin-top: 40px;
		bottom:0;
		left:0;
		right:0;
		top:0;
	}
}
@media(max-width:767px){
	.book .intro img {
		max-width: 300px;
	}
	.book .book-content .fl,
	.book .book-content .fr{
		width:100%;
		display:block;
	}
	.book .book-content .fl{
		text-align: center;
	}
	.book .book-content .fl img {
		max-width: 58%;
	}
	.book .book-content .fr .txt > div {
		margin-right: 40px;
	}
}

.business > p{
	margin-bottom: 100px;
}
.business > .clearfix{
	margin-bottom: 100px;
}
.business > .clearfix > img{
	max-width:100%;
	width:100%;
	display:none;
}
.business > .clearfix > div{
	width:81.25%;
}
 .business > .clearfix > div::after{
	content:'';
	display:block;
	clear:both;
}
.business > .clearfix > div .txtbox,
.business > .clearfix > div .imgbox{
	height:589px;
	position: relative;
}
.business > .clearfix > div .txtbox {
	width:36%;
}
.business > .clearfix > div .txtbox .txt{
	position: absolute;
	top:50%;
	transform:translateY(-50%);
}
.business > .clearfix > div .txtbox .txt h3{
	position: relative;
	padding-top:40px;
}
.business > .clearfix > div .txtbox .txt h3 span{
	opacity:0.1;
	font-weight: bold;
	font-size:85px;
	position: absolute;
	bottom:0;
	left:0;
}
.business > .clearfix > div .txtbox .txt p{
	padding:44px 0;
	line-height:32px;
	letter-spacing: -0.03em;
	font-size:20px !important;
}
.business > .clearfix > div .txtbox .txt ul li{
	line-height: 35px;
	font-size:18px;
	font-weight: 300;
	color:#666;
}
.business > .clearfix > div .imgbox {
	width:60%;
}

.business > .clearfix > div.fr .txtbox{
	float:left;
}
.business > .clearfix > div.fr .imgbox {
	float:right;
}
.business > .clearfix > div.fl .txtbox{
	float:right;
}
.business > .clearfix > div.fl .imgbox {
	float:left;
}
.business #main_mo_link01,
.business #main_mo_link02,
.business #main_mo_link03,
.business #main_mo_link04,
.business #main_mo_link05{
	display:none;
}
@media(max-width:1800px){
	.business > .clearfix > div .txtbox .txt br{
		display:none;
	}
}
@media(max-width:1500px){
	.business > .clearfix > div .txtbox {
		width:40%;
	}
	.business > .clearfix > div .imgbox {
		width:56%;
	}
}
@media(max-width:1400px){
	.business > .clearfix > div {
		width: 90%;
	}
	.business > .clearfix > div .txtbox {
		width:44%;
	}
	.business > .clearfix > div .imgbox {
		width:52%;
	}
}
@media(max-width:992px){
	.business > p,
	.business > .clearfix{
		margin-bottom: 60px;
	}
	.business > .clearfix > div .txtbox .txt p{
		padding:30px 0;
		font-size:14px !important;
		line-height:1.6;
	}
	.business > .clearfix > div .txtbox .txt h3 span{
		font-size:60px;
	}
	.business > .clearfix > div .txtbox .txt ul li {
		font-size:14px;
		line-height:1.6;
	}
}
@media(max-width:767px){
	.business #main_mo_link01,
	.business #main_mo_link02,
	.business #main_mo_link03,
	.business #main_mo_link04,
	.business #main_mo_link05{
		display: block;
		transform: translateY(-60px);	
	}
	
	.business > p,
	.business > .clearfix{
		margin-bottom: 40px;
	}
	.business > .clearfix > div {
		width: 100%;
		position: relative;
	}
	.business > .clearfix > img{
		display:block;
	}
	.business > .clearfix > div .txtbox,
	.business > .clearfix > div .imgbox {
		width:100%;
		display:block;
		float:none;
		height:auto;
	}
	.business > .clearfix > div .txtbox{
		padding-left:15px;
		padding-right:15px;	
	}
	.business > .clearfix > div .txtbox .txt {
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	.business > .clearfix > div .txtbox .txt h3 span{
		font-size:40px;
	}
	.business > .clearfix > div .imgbox {
		display:none;
	}
}

.sub0301 .search #searchFrm{
	width:400px;
	height:50px;
	border:2px solid #000;
	margin:0 auto 40px;
	position: relative;
	overflow:hidden;
}
.sub0301 .search #searchFrm .sch-txt{
	width:80%;
	height:100%;
	padding:10px;
	border:none;
	outline:none;
}
.sub0301 .search #searchFrm .btn-delete{
	background: url('../images/sch-close.jpg')no-repeat center center/ contain;
	width:45px;
	height:45px;
	border:none;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	right:50px;
	cursor:pointer;
	outline:none;
}
.sub0301 .search #searchFrm .sch-btn{
	background: url('../images/sch-btn.jpg')no-repeat center center/ contain;
	width:45px;
	height:45px;
	border:none;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
	outline:none;
}
@media(max-width:992px){
	.sub0301 .search #searchFrm{
		margin:20px auto 40px;
	}
}
@media(max-width:767px){
	.sub0301 .search #searchFrm{
		margin:20px auto;
		width:100%;
	}
}


/* 추가 */
.info_txt{
	font-size:2rem;
	color:#111;
	text-align:center;
	margin: 6rem auto;
}

.sub0301 .filter .searchArea{
	height: 46px;
    /* clear: both; */
    display: flex;
    margin: 0 auto;
    justify-content: center;
}
.sub0301 .filter .searchArea .sort{
	float: left;
    position: relative;
    z-index: 50;
	list-style:none;
}
.sub0301 .filter .searchArea > .sort li{
	float: left;
    width: 170px;
    height: 46px;
    margin: 0 10px 0 0;
}
.sub0301 .filter .searchArea > .sort li > a.on{
	background: #c51b1f;
    border-color: #c51b1f;
    color: #fff;
}
.sub0301 .filter .searchArea > .sort li > a{
	border: 1px solid #ddd;
    display: block;
    line-height: 44px;
    text-align: Center;
    color: #000;
}

.searchArea > .sort li dl dt{
	border: 1px solid #ddd;
    display: block;
    line-height: 44px;
    color: #000;
    cursor: pointer;
    padding: 0 20px;
    background: url(../../../html/images/more_arrow.gif) no-repeat right 16px center;
}
.searchArea > .sort li dl dt.on{
    background-image: url(../../../html/images/more_arrow_w.png);
    background-color: #c51b1f;
    color: #fff;
    border-color: #c51b1f;
}
.searchArea > .sort li dl:hover > dd{
	display: block;
}
.searchArea > .sort li dl:hover > dt{
    background-image: url(../../../html/images/more_arrow_w.png);
    background-color: #c51b1f;
    color: #fff;
    border-color: #c51b1f;
}
.searchArea > .sort li dl dd{
	display: none;
    border: 1px solid #c51b1f;
    border-top: none;
    padding: 10px 20px;
    background: #fff;
    width: 115%;
    border-top: 1px solid #c51b1f;
}
.searchArea > .sort li dl dd input[type="checkbox"]{
	display: none;
}

.searchArea > .sort li dl dd input[type="checkbox"] + label{
    display: block;
    margin: 7px 0;
    padding: 0 0 0 20px;
    position: relative;
    font-family: "Kanit", "Noto Sans KR", Sans-serif;
    color: #000;
    font-weight: 300;
    font-size: 14px;
}
.searchArea > .sort li dl dd input[type="checkbox"] + label::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #ddd;
    background: #fff;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 50%;
}
.searchArea > .sort li dl dd input[type="checkbox"]:checked + label::before{
	border-color: #c51b1f;
}
.searchArea > .sort li dl dd input[type="checkbox"]:checked + label::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #c51b1f;
    position: absolute;
    left: 2px;
    top: 5px;
    border-radius: 50%;
}
/* 추가 */

.sub0301 .filter{
	/* border-top: 2px solid black; */
}
.sub0301 .filter .row {
	padding:30px 0;
	border-bottom: 1px solid #ddd;
}
.sub0301 .filter .row .col-md-3{
	padding-left: 50px;
}
.sub0301 .filter .row .col-md-9::after{
	display:black;
	content:'';
	clear:both;
}
.sub0301 .filter .row .tab li{
	width:19%;
	float:left;
	padding:7px 0;
}

.sub0301 .filter .row .tab li input{
	border-radius:0;
	margin-right:5px;
	border:1px solid #ddd;
}
.sub0301 .filter .row .tab li label{
	color:#666;
	font-weight: 300;
	font-size:16px;
	cursor:pointer;
    font-family: 'Noto Sans KR' !important;
}

/*탭 이미지*/

.sub0301 .filter .row .tab_ul li{
    height: 10rem;
	border-radius:22px;
	overflow: hidden;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-right: 1rem;
}

.sub0301 .filter .row .tab_ul li:last-child{
	margin-right: 0;
}

/* 활성화 tab_on */

.sub0301 .filter .row .tab_ul li.on{
	border:2px solid red;
}


/* //활성화 tab_on */

.sub0301 .filter .row .tab_ul li label{
	color: #fff !important;
	transition: 0.5s;
	marging-left: 1rem;
}


.sub0301 .filter .row .tab_ul li:hover label{
	transform: scale(1.2);
	transition: 0.5s;
}
/* //탭 이미지*/

@media(max-width:992px){
	.sub0301 .filter .row .col-md-3 {
		padding-left: 15px;
		padding-bottom: 10px;
	}
	.sub0301 .filter .row .tab li{
		width:33.33%;
		padding:6px 0;
	}
	.sub0301 .filter .row .tab li input{
		margin-right:4px;
	}
	.sub0301 .filter .row .tab li label{
		font-size:14px;
	}
}




.career .img-border{
	padding:35px 15px;
}
.sub0501 section .text-uppercase{
	opacity:0.5;
	color:#e1e2e2 !important;
	font-weight: bold !important;
	transform:translateY(-24px);
}
.sub0501 section .row > div{
	position: relative;
}
.sub0501 section .row > div::after {
    position: absolute;
    top: 91px;
    right: -185px;
    width: 300px;
    height: 1px;
    background: #ddd;
    content: '';
}
.sub0501 section .row > div:last-child::after{
	content:none;
}
@media(max-width:1200px){
	.sub0501 section .row > div::after {
		width: 254px;
	}	
}
@media(max-width:992px){
	.sub0501 section .text-uppercase {
		transform: translateY(-14px);
	}
	.sub0501 section .row > div::after {
		top: 75px;
		right: -185px;
		width: 235px;
	}
	.sub0501 section .row > div img{
		max-width:150px;
	}
}
@media(max-width:767px){
	.sub0501 section > img{
		max-width:120px;
	}
	.sub0501 section .text-uppercase {
		transform: translateY(-6px);
	}
	.sub0501 section .row > div::after {
		content:none;
	}
	.sub0501 section .row > div{
		margin-bottom: 40px;	
	}
	.sub0501 section .row > div:last-child{
		margin-bottom: 0;	
	}
	.sub0501 section .row > div img{
		max-width:130px;
	}
}

.sub0502 .row{
	margin-top: 100px;	
	margin-bottom: 100px;	
}
.sub0502 .row > .col-sm-5{
	padding-left: 80px;
	position: relative;
}
.sub0502 .row > .col-sm-5::before{
	content:'';
	position: absolute;
	top:20px;
	left:0;
	height:1px;
	width:60px;
	background: #ddd;
}
.sub0502 .row > div ul,
.sub0502 .row > div ul li:nth-child(2){
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.sub0502 .row > div ul li .img,
.sub0502 .row > div ul li .txt{
	display:inline-block;
	vertical-align: middle;
}
.sub0502 .row > div ul li .img{
	width:19%;
}
.sub0502 .row > div ul li .txt{
	width:80%;
}
.sub0502 .row > div ul li p{
	display:inline-block;	
	padding:4px 0;
    letter-spacing: -0.03em;
}

.sub0502 .row > div ul li .col3{
	padding:10px 0;
}
.sub0502 .row > div ul li .col3 p{
	width:49%;
}
.sub0502 .row:last-child{
	margin-bottom: 0;
}
@media(max-width:1200px){
	.sub0502 .row > div ul{
		margin-left: 40px;
	}
}
@media(max-width:992px){
	.sub0502 .row {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.sub0502 .row > div ul{
		margin-left: 0;
		margin-top: 20px;
	}
	.sub0502 .row > div ul li .img {
		width: 12%;
	}
	.sub0502 .row > div ul li .txt{
		width:86%;
	}
	.sub0502 .row > div ul li .img img{
		max-width:80px;
	}
}
@media(max-width:767px){
	.sub0502 .row {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.sub0502 .row > div ul li .img {
		width: 16%;
	}
	.sub0502 .row > div ul li .txt{
		width:82%;
		padding:10px 0;
	}
	.sub0502 .row > div ul li .img img{
		max-width:50px;
	}
	.sub0502 .row > div ul li p{
		display:block;	
		padding:3px 0;
	}
	.sub0502 .row > div ul li .col3 p{
		width:100%;
	}
}

.sub0502 .welfare_list li {padding:20px 0;}


.sub0504 h3{
	position: relative;
	padding-top: 50px;
}
.sub0504 h3 span{
	opacity:0.1;
	font-weight: bold;
	font-size:85px;
	position: absolute;
	top:0;
	left:0;
}
.sub0504 > img{
	margin:25px 0 100px;
}

.sub0504 .col-lg-8{
	border-bottom: 1px solid #ddd;
	padding:50px 0;
}
.sub0504 .col-lg-8 div{
	margin-top: 5px;
}
.sub0504 .col-lg-8 div > p,
.sub0504 .col-lg-8 div > span{
	display:inline-block;
	vertical-align: top;
	color:#666 !important;
	font-size:16px !important;
}
.sub0504 .col-lg-8 div > p{
	width:97%;
}
.sub0504 .col-lg-8 div > span{
	width:1%;
}
.sub0504 .col-lg-8 ul{
	width:100%;
}
.sub0504 .col-lg-8 ul > li{
	width:140px;
	height:100px;
	border:1px solid #ddd;
	text-align: center;
	position: relative;
	display:inline-block;
	margin-right:17px;
}
.sub0504 .col-lg-8 ul > li p{
	color:#333 !important;
	font-weight: 500 !important;
	font-size:16px !important;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:90%;
}
.sub0504 .col-lg-8 ul > li img{
	position: absolute;
	top:50%;
	right:-20px;
	transform:translateY(-50%);
}
.cta{
	width:200px;
	height:60px;
	line-height: 60px;
	text-align: center;
	display:inline-block;
}
@media(max-width:1200px){
	.sub0504 h3 {
		padding-top:40px;
	}
	.sub0504 h3 span{
		font-size:60px;
	}
	.sub0504 .col-lg-8 ul > li {
		width: 125px;
	}
}
@media(max-width:992px){
	.sub0504 h3 {
		padding-bottom: 20px;
	}	
	.sub0504 h3 br{
		display:none;
	}
	.sub0504 > img{
		margin:25px 0 40px;
	}
	.sub0504 .col-lg-8 {
		padding: 0 15px 40px;
		border:none !important;
	}
	.sub0504 .col-lg-8 ul > li {
		width: 124px;
	}
	.sub0504 .col-lg-8 div > p, 
	.sub0504 .col-lg-8 div > span {
		font-size: 14px !important;
	}
	.sub0504 .col-lg-8 ul > li p {
		font-size: 14px !important;
	}
}
@media(max-width:767px){
	.sub0504 > img{
		margin:25px 0;
	}
	.sub0504 h3 {
		padding-top: 25px;
	}
	.sub0504 h3 span{
		font-size:40px;
	}
	.sub0504 .col-lg-8 ul > li {
		width: 100%;
		height:50px;
		margin:0 0 17px 0;
	}
	.sub0504 .col-lg-8 ul > li img{
		position: absolute;
		bottom:-20px;
		left:50%;
		top:auto;
		right:auto;
		transform:translateX(-50%) rotate(90deg);
	}
	.sub0504 .col-lg-8 ul > li p br{
		display:none;
	}
	.cta {
		width: 150px;
		height: 45px;
		line-height: 45px;
	}
}


/* table */
.table-gray table{
	width:100%;
	border-top:1px solid black;
}
.table-gray table th,
.table-gray table td{
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
}

.table-gray table td.border-r {
	border-right: 1px solid #ddd ! important;
}


.table-gray table th:last-child,
.table-gray table td:last-child{
	border-right: none;
}
.table-gray table th{
	background: #f2f2f2;
	font-size:18px;
	color:#333;
	font-weight: bold;
}
.table-gray table td{
	font-size:16px;
	color:#666;
	font-weight: 300;
}
@media(max-width:992px){
	.table-gray table th,
	.table-gray table td{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.table-gray table th{
		font-size:15px;
	}
	.table-gray table td{
		font-size:14px;
	}
}
@media(max-width:767px){
	.table-gray table th,
	.table-gray table td{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.table-gray table th{
		font-size:14px;
	}
	.table-gray table td{
		font-size:13px;
	}
}


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

.grid-sizer { 
	width: 24.2%; 
}

.list-container{
	padding-left:15px;
	padding-right:15px;
}

.works_list_wrap{
	width:100%;
}
.works_list{
	width:100% !important;
}
.works_list:after {
	content: '';
	display: block;
	clear: both;
}
.works_item {
	width: 24.2%;
	height:446px;
	float: left;
	border-color: hsla(0, 0%, 0%, 0.5);
	margin-bottom: 20px;
	overflow:hidden;
}
.works_item .thum{
	height:100%;
}
.works_item .thum a{
	width:100%;
	max-width:100%;
	height:100%;
	display:block;
	position: relative;
}
.works_item .hover-bg{
	position: absolute;
	bottom:0;
	left:0;
	background: rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	display:none;
}
.works_item .subject{
	position: absolute;
	bottom:0;
	left:0;
	background: transparent;
	padding: 20px 30px 20px 10px;
	display:none;
}
.works_item:hover .subject{
	display:block;
}
@media(max-width:1880px){
	.grid-sizer { 
		width: 24%; 
	}
	.works_item {
		width: 24%;
	}
}
@media(max-width:1460px){
	.grid-sizer { 
		width: 23.8%; 
	}
	.works_item {
		width: 23.8%; 
	}
}
@media(max-width:992px){
	.works_item .subject {
		display: block;
		padding: 10px 30px 10px 10px;
	}
	.sub0301 #paging a {
		margin: 2px !important;
	}
}
/* 높이 px */
.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){
	height:340px;
}
.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:600px;
}
@media(max-width:1200px){
	.grid-sizer { 
		width: 23.2%; 
	}
	.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){
		height:220px;
	}
	.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:390px;
	}
}
 @media(max-width:992px){
	.grid-sizer { 
		width: 48%; 
	}
	.works_item {
		width: 48%;
	}
	.works_item .thum img {
		height:auto;
	}
} 
@media(max-width:485px){
	.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(3),
	.works_item:nth-child(5),
	.works_item:nth-child(6),
	.works_item:nth-child(8){
		height:auto;
		position: relative;
	}
	.works_item .thum img {
		height:auto;
	}
}

.new .sec03{
	background: url('../images/sec3-bg.jpg')no-repeat center center / cover;
	height:957px;
	position: relative;
	z-index:0;
}
.new .sec04{
	background: url('../images/sec4-bg.png')no-repeat center center / cover;
	height:1085px;
	position: relative;
	z-index:10;
	margin-top: -140px;
}


#into_news p,#into_news span,#into_news div,#into_news h4,
#into_thum p,#into_thum span,#into_thum div,#into_thum h4,
#into_agora p,#into_agora span,#into_agora div,#into_agora h4{
    font-family: 'Noto Sans KR' !important;
}




#into_thum #board-thum,
#into_thum #board-list{
	width:50%;
}
#into_thum #board-thum{
	float:left;
	border:1px solid #ddd;
}
#into_thum #board-thum img{
	max-width:100%;
}
#into_thum #board-list{
	float:right;
	padding-left: 40px;
}
@media(max-width:992px){
	#into_thum #board-thum,
	#into_thum #board-list{
		width:100%;
		float:none;
	}
	#into_thum #board-list{
		padding-left: 0;
		margin-top:40px;
	}
}



#into_agora .board-list-wrap > a {
    padding: 30px 0;
}
#into_agora .date{
	width:20%;
	padding-right:40px;
}
#into_agora .middle-content{
	width:60%;
}
#into_agora .middle-content > div{
	display:inline-block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	height:52px;
}
#into_agora .writer{
	padding-right: 90px;
}
@media(max-width:992px){
	#into_agora .board-list-wrap > a {
		padding: 20px;
	}
	#into_agora .middle-content{
		width:100%;
	}	
	#into_agora .writer{
		display:none;
	}
	#into_agora .middle-content > div{
		height:auto;
	}
}

@media(max-width:992px){
	.board-content{
		display:inline-block;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:normal;
		-webkit-line-clamp: 2; 
		-webkit-box-orient: vertical;
		height:50px;
	}
}






.quick-menu{
	position: fixed;
	top:50%;
	transform:translateY(-50%);
	left:0;
	width:60px;
	height:150px;
	background: #c51b1f;
}
.quick-menu a{
	display:block;
	position:relative;
}
.quick-menu .txt{
	transform:rotate(-90deg);
	position: relative;
	margin-top: 65px;
}
.quick-menu .txt span{
	opacity:0.2;
	color:white;
	font-weight: bold;
	position: absolute;
	top: 48%;
	left: 58%;
	transform:translate(-50%,-50%);
}
.quick-menu .txt-hover{
	display:none;
	position: absolute;
	top:6px;
/* 	transform:translateY(-50%); */
	width:160px;
	height:180px;
	padding:8px 10px;
}
.quick-menu:hover{
	width:160px;
	height:180px;
	background: #c51b1f;
}
.quick-menu:hover .txt{
	display:none;
}
.quick-menu:hover .txt-hover{
	display:block;
}
.quick-menu .txt-hover .underline{
	border-bottom: 1px solid #fff;
}
@media(max-width:992px){
	.quick-menu{
		display:none;
	}
	.mo-career-btn{
		width:80px;
		height:30px;
		line-height:30px;
		background: #c51b1f;
		margin-right:15px;
		position: absolute;
		right: 0;
		top:25px;
	}
}




.navbar-fixed-bottom, 
.navbar-fixed-top {
    position: fixed;
	left:auto;
    right: 60px;
	top:50%;
	transform:translateY(-50%);
	text-align: right;
    z-index: 1030;
}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}
.navbar-nav>li {
    float: none;
	display:block;
}
.navbar-nav>li> a {
	font-size:18px;
	color:#d9d3d2 !important;
	font-weight: 300;
	display:block;
	position: relative;
	margin:20px 0;
	padding:0;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #d9d3d2 !important;
}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover{
	color:#c51b1f !important;
	font-weight: bold;
	background: transparent;
}
.navbar-inverse .navbar-nav>.active>a::after{
	background: #c51b1f;
	border:1px solid #c51b1f;
}
.navbar a::after{
	width:15px;
	height:15px;
	position: absolute;
	right:-30px;
	top:3px;
	content:'';
	border:1px solid white;
	background: transparent;	
	border-radius:50%;
}
@media(max-width:992px){
	.navbar {
		display:none;
	}
}


#apply table{
	border-top:1px solid black !important;
}
#apply td{
	border-right:none !important;
}
#apply .form-control{
	width:100%;
	max-width:200px;
}
#apply .email .form-control{
	max-width:150px;
	display:inline-block;
}
#apply .tel .form-control{
	max-width:150px;
	display:inline-block;
}
#apply .tel span{
	padding:0 5px;
}
#apply .filebox .upload-name,
#apply .filebox label{
	height: 34px;
	padding: 6px 12px;
}
#apply .filebox label{
	background: #f5f5f5;
	font-weight: 400;
	width: 11%;
}
#apply .table_board_write th {
    font-size: 16px;
    color: #333;
	font-weight: 400;
	background: #f9f9f9;
}
@media(max-width:992px){
	#apply .table_board_write th {
		font-size: 14px;
	}
	#apply .filebox label{
		width: 16%;
	}
	#apply .form-control{
		width:100%;
		max-width:992px;
	}
	#apply .email .form-control{
		max-width:330px;
		width:31%;
	}
	#apply .tel .form-control{
		max-width:330px;
		width:31%;
	}
}
@media(max-width:485px){
	#apply .table_board_write th,
	#apply .table_board_write td,
	#apply .table_board_write td label,
	#apply .table_board_write td select,
	#apply .table_board_write td input::placeholder{
		font-size: 13px !important;
	}
	#apply .email .form-control{
		width: 28.7%;
	}
	#apply .tel .form-control{
		width: 28.7%;
	}
	#apply .tel span {
		padding: 0 4px;
	}
	.filebox .upload-name {
		width: 68%;
	}
	#apply .filebox label{
		width: 30%;
	}
}


.agree-area{
	margin-bottom: 90px;
}
.agree-area .agree-txt{
	border:1px solid #ddd;
	height:150px;
	overflow-y:scroll;
	width:100%;
	padding:15px;
}
.agreeform{
	padding:15px 0;
}
.agreeform li{
	display:inline-block;
	margin-right:20px;
}
.input_chk {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.input_chk input {
    position: absolute;
    top: 0;
    left: 1px;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    outline: 0;
}
.input_chk label {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 24px;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    cursor: pointer;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.terms_necessary01{
	color: red;
}
.terms_necessary {
    font-size: 6px;
    display: inline-block;
    color: red;
}
input[type=checkbox], input[type=radio] {
    margin: 3px 0 0!important;
}

@media(max-width:485px){
	.agreeform li:first-child{
		display:block;
		margin-bottom: 10px;
	}
	.agreeform li{
		margin-right:15px;
	}
	.input_chk input {
		width: 15px;
		height: 15px;
	}
}

#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%;
	height:700px;
	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;
}
#view-slider .owl-nav::after{
	content:'';
	display:block;
	clear:both;
}
#view-slider .owl-nav .owl-prev,
#view-slider .owl-nav .owl-next{
	width:15px;
	height:33px;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	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-content .clearfix{
	padding:40px 0 60px;
	border-bottom: 1px solid #ddd;	
}
#view-content .clearfix .fl{
	width:44%;
}
#view-content .clearfix .fl p{
	line-height:30px;
	letter-spacing: -0.03em;	
}
#view-content .clearfix .fr{
	width:37%;
}
#view-content .clearfix .fr .info{
	width:100%;
	border-top:1px solid #000;
}
#view-content .clearfix .fr .info dl{
	margin:0;	
	display:table;
	width:100%;
}
#view-content .clearfix .fr .info dl::after{
	display:block;
	content:'';
	clear:both;
}
#view-content .clearfix .fr .info dl dt,
#view-content .clearfix .fr .info dl dd{
	font-size:14px;
	height:auto;
	line-height:1.5;
	padding:10px 16px;
	border-bottom:1px solid #ddd;
	display:table-cell;
}
#view-content .clearfix .fr .info dl dt{
	font-weight: 500;
	color:black;
	background: #f7f7f7;
	width:25%;
}
#view-content .clearfix .fr .info dl dd{
	color:#666;
	width:75%;
	font-weight: 300;
	overflow:hidden;
}

.btn-gray{
	width:180px;
	height:50px;
	line-height: 50px;
	background: #333;
	color:white;
	text-align: center;
	display:inline-block;
}
.btn-gray:hover{
	color:white;
}

@media(max-width:1200px){
	#view-slider .owl-item .item{
		height:600px;
	}
}
@media(max-width:992px){
	#view-slider {
		overflow:hidden;
	}
	#view-slider .item{
		width:85%;
		margin:0 auto;
	}
	#view-slider .owl-item .item{
		height:350px;
	}
	#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;
	}
	#view-content .clearfix {
		padding: 0 0 40px;
	}
	#view-content .clearfix .fl,
	#view-content .clearfix .fr {
		width: 100%;
	}
	#view-content .clearfix .fl{
		margin-bottom: 20px;
	}
	.btn-gray{
		width:106px;
		height:34px;
		line-height: 34px;
	}
}
@media(max-width:767px){
	#view-slider .owl-item .item{
		height:200px;
	}
	#view-slider .owl-item .item p{
		width:84%;
	}
}



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

.btn_join_cancel {
    padding:6px 12px;
}

.login-bar{
	position: absolute;
	top:40px;
	right:50px;
}