@charset "utf-8";

	
/*서브*/
.sub-wrap{
	position:relative;
	margin:0 0 140px 0;
    padding: 124px 0 0 0;
}
/*서브*/
.sub-wrap:before{
	position:absolute;
	width:100%;
    height: 348px;
	background:#90908e;
	content:'';
	top:0;
	left:0;
}
.sub-wrap.menu1-1-bg:before{
	background:url(../img/sub_img1_1.png) center center / cover no-repeat;
}
.sub-wrap.menu1-2-bg:before{
	background:url(../img/sub_img1_2.png) center center / cover no-repeat;
}
.sub-wrap.menu1-3-bg:before{
	background:url(../img/sub_img1_3.png) center center / cover no-repeat;
}
.sub-wrap.menu2-1-bg:before{
	background:url(../img/sub_img2_1.png) center center / cover no-repeat;
}
.sub-wrap.menu2-2-bg:before{
	background:url(../img/sub_img2_2.png) center center / cover no-repeat;
}
.sub-wrap.menu2-3-bg:before{
	background:url(../img/sub_img2_3.png) center center / cover no-repeat;
}
.sub-wrap.menu3-1-bg:before{
	background:url(../img/sub_img3_1.png) center center / cover no-repeat;
}
.sub-wrap.menu3-2-bg:before{
	background:url(../img/sub_img3_2.png) center center / cover no-repeat;
}
.sub-wrap section {
    width: 1140px;
	padding:0 30px;
    margin: 0 auto;
    position: relative;
	background:#fff;
}
.sub-wrap section.cont-inner{
	width: 1040px;
	padding:0 80px;
}
.sub-wrap section.sub-title{
    background:none;
}
.sub-wrap section.visual{
	padding: 30px;
	width: 1140px;
}
.sub-wrap section.visual p{
    padding: 12px 55px 12px 12px;
    background: #f1f1f2;
    border: 1px solid #d1d1d1;
    font-size: 18px;
    min-height: 132px;
    line-height: 1.5;
}
.sub-wrap section.visual  .v-box{
    padding: 12px;
    background: #f1f1f2;
    border: 1px solid #d1d1d1;
    min-height: 132px;
}
.sub-wrap section.visual p span{
    padding: 34px 0 0 0;
	display:block;
}
.sub-wrap section.visual p:before{
    content: '';
    width: 140px;
    height: 132px;
    display: block;
    background: url(../images/icons.png) 0 -188px no-repeat;
    vertical-align: middle;
    margin:0 54px 0 24px;
    float: left;
}
.sub-wrap section.visual p.v02:before{
    height: 140px;
    background-position:-140px -178px ;
}
.sub-wrap section h1{
	font-size:38px;
	text-align:center;
	color:#fff;
	padding:52px 0 40px 0;
	font-weight: 500;
}

.title-info{
	text-align:center;
	font-size:24px;
	padding:52px 0;
	position:relative;
}
.title-info:after{
	content:'';
	display:block;
	width:150px;
	height:118px;
	position:absolute;
	right:63px;
	top:10px;
	background:url(../images/character.png) -814px -188px no-repeat;
}
.title-info br{
	display:none;
}




/* =================media query================== */




@media (max-width: 1620px){
	.main-wrap .main-visual img{
		width:55%;
	}
	.main-wrap .main-visual .visual-txt{
		padding: 110px 0 0 58%;
	}
}
@media (max-width: 1360px){
	header .head-wrap,
	header .head-wrap .top-nav{
		width:auto;
		margin:0 auto;
	}
	.main-wrap .main-visual .visual-txt{
		padding: 90px 0 0 58%;
	}
	.main-wrap .main-visual .visual-txt>h1 {
		font-size: 38px;
	}
}

@media (max-width: 1020px){		
	
	.sub-wrap {
		padding: 0;
	}
	.sub-wrap section{
		width:auto;
		padding:0 15px;
	}
	.sub-wrap section.visual{
		width:auto;
		padding:15px;
	}
	.sub-wrap section.cont-inner {
		width: auto;
		padding: 0 15px;
	}
	.sub-wrap section.sub-title{
		padding:0;
	}
	.sub-wrap section.sub-title img{
		width:100%;
	}
	.sub-wrap section.visual p {
		padding: 12px 12px 12px 0;
		font-size: 15px;
		font-weight: 500;
	}
	.sub-wrap section.visual p span {
		padding: 10px;
		display: block;
		font-size: 14px;
		text-align: center;
	}
	.sub-wrap section.visual p.v01:before {
		margin: 0 auto;
	}
	.sub-wrap:before {
		height: 130px;
	}
	.sub-wrap section h1 {
		font-size: 22px;
		padding: 25px 0 23px 0;
	}

}

@media (max-width: 760px){
	.sub-wrap {
		margin: 0 0 50px 0;
	}
	.board-data{
		overflow-x:auto;
	}
	.board-data table{
		width:800px
	}
	
	.m-slide{display:block;}

}


/*2019.09.19 추가*/
.board-list td.subject a {
    max-width: 88%;
}
.board-list td.subject .lock {
    vertical-align: middle;
    margin-left: 8px;
    background: url(../images/icons.png) -512px -212px no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    text-indent: -9999px;
}
.sub-wrap.menu5-bg:before {
    background: url(../images/sub_img5.png) center center / cover no-repeat;
}
.result-tit{
	font-size:24px;
	text-align:center;
	padding:37px 0;
	border-bottom:2px solid #004fb1;
}
.result-tit strong{
	color:#004fb1;
}
.result-list li a{
	display:block;
	border-bottom:1px solid #ddd;
	padding:25px 0 25px 25px;
}
.result-list li a strong{
	font-size:18px;
	display:block;
	margin: 3px 0;
    line-height: 1.5;
}
.result-list li a span,
.result-list li a p{
	font-size:16px;
	display:block;
	padding:3px 0;
	line-height:1.5
}

.cn-lang{font-family:gulim;}

/*2019.11.5*/

.tab.tab5 li {
    width:20%;
	vertical-align: top;
    margin-left: -1px;
    margin-top: -1px;
}
.both-step.step3 span {
    float: left;
    display: block;
    width: 29%;
    padding: 25px 0 25px 34px;
    line-height: 1.6;
    text-align: center;
    background: #d4e2f0;
    font-size: 18px;
    position: relative;
    margin: 0 23px 0 0;
    text-align: left;
}
.both-step.step3 span.final {
    color:#fff;
    background: #004fb1;
}
.both-step.step3 span:after {
	content: '';
    display: block;
    width: 46px;
    height: 46px;
    background: url(../images/icons.png) -371px -78px no-repeat;
    position: absolute;
    right: -35px;
    top: 30px;
    z-index: 1;
    background-size: 432px;
}
.both-step.step3:after {
    content: none;
}
.both-step.step3 span:first-child {
    margin: 0 22px 0 0;
}
.both-step.step3 span:last-child {
    margin: 0 0 0 0;
}
.both-step.step3 span:last-child:after {
    content: none;
}
.both-step.step3 span strong{
	position: absolute;
    right: 50px;
    top: 38%;
}
/* .search-opt>input { */
/*     width: 264px; */
/* } */
.both-step.step3.brown span {
	float: left;
    display: block;
    width: 27%;
    padding: 36px 0 8px 36px;
    background: #fff;
    border: 2px solid #dbc575;
    min-height: 56px;
	margin: 0 38px 0 0;
}
.both-step.step3.brown span:after {
	content: '〉';
    display: block;
    width: 46px;
    height: 46px;
    color: #bd9400;
    background: none;
    position: absolute;
    right: -60px;
    top: 22px;
    z-index: 1;
    font-size: 35px;
    font-weight: 800;
}
.both-step.step3.brown span .v-center{
	position: relative;
    top: -14px;
}
.both-step.step3.brown span.final {
    color:#fff;
    background: #bd9400;
/* 	margin: 0; */
}
.both-step.step3.brown span:last-child {
    margin: 0 0 0 0;
}
.box-tit {    
    padding: 30px 0 15px 0;
}
.box-tit h2{
    line-height: 48px;
    background: #f9f9f9;
    border: 1px solid #b2b2b2;
    text-align: center;
    color: #004fb1;
    font-size: 20px;
    margin: 0 0 15px 0;
}
.both-step.step3 span:last-child:after,
.both-step.brown span:last-child:after,
.both-step.step3.brown span:last-child:after{
    content: none;
}
@media (max-width: 1020px){
	.both-step.step3 span,
.both-step.step3.brown span	{
		float: none;
		display: block;
		width: 100%;
		padding: 14px 0;
		line-height: 1.6;
		text-align: center;
		font-size: 14px;
		margin: 0 0 10px 0;
		min-height:auto;
	}	
	.both-step.step3 span:after,
	.both-step.step3.brown span:after	{
		content: '';
		display: block;
		width: 35px;
		height: 35px;
		background: url(../images/icons.png) -540px -114px no-repeat;
		position: absolute;
		top: 58px;
		z-index: 1;
		background-size: 315px 289px;
		background-position: -269px -56px;
		transform: rotate(88deg);
		margin: 0 0 0 -18px;
		left: 50%;
	}
	.both-step.step3.brown span .v-center {
		top:0;
	}
	.both-step.step3.brown span:after{
		top: 39px;
	}
	.both-step.step3 span:first-child {
		margin: 0 0 10px 0;
	}
	.both-step.step3 span br{
		display:none;
	}
	.both-step.step3 span strong{
		position: relative;
		right: auto;
		display: block;
	}
}