/*--------------------------------------------------------------
# 메인비주얼
--------------------------------------------------------------*/

.mainWrap{
	overflow:hidden;
	width:100%;
	position: relative;
	/* min-width: 1500px; */
	/* max-width:1400px; */
	/* margin:0 auto; */
}

.mbContent{
	margin-top: 105px;
	width:100%;
	background-color:#637b9f;
	position: relative;
	height: 804px;
	/* background-image: url(../img/bg_00.jpg); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: center center; */
}

.mainVBox{
	position:relative;
	width:100%;
	height:100%;
}

.mainVisualBox{
	position: relative;
	width: 100%;
	height: 804px;
	background-color: #f0f0f0;
}

.mainV01{
	background-image: url(../img/main_image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mainV02{
	background-image: url(../img/main_image_02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mainV03{
	background-image: url(../img/main_image_03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mainV04{
	background-image: url(../img/main_image_04.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mainV05{
	background-image: url(../img/main_image_05.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mv_contentBox02 {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    top: 110px;
    text-align: center;
}

.mvcInnerText{
	top: 138px;
    text-align: left;
    position: absolute;
    right: -33px;
}

.mvcInnerText b{
	letter-spacing: -2px;
    line-height: 44px;
    font-size: 36px;
    font-weight: 300;
}

.mvcInnerText b p{
	letter-spacing: -2px;
	font-size:36px;
	font-weight:600;
	margin-bottom:0px;
}

.mvcInnerText span{
	letter-spacing: -1px;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    position: relative;
    top: -5px;
}

.mvc_colw{color:#fff!important;}

.mainV03{
	background-color:#3694eb;
}

.mv_contentBox{
	max-width:900px;
	margin:0 auto;
	position:relative;
	top: 110px;
	text-align:center;
}

.mv_contentBox b{
	letter-spacing: -0.5px;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
}

.mv_contentBox h1{
	letter-spacing: -3px;
    font-size: 63px;
    font-weight: 600;
    color: #fff;
	line-height:inherit;
}

.countImg{
	position:relative;
	padding-top: 44px;
	width:100%;
	text-align:center;
}

.countImg img{
	display:inline-block;
	max-width:100%;
	width: 88%;
}

.coun_le{
	line-height: 23px;
    text-align: right;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.5px;
    position: absolute;
	left: -126px;
    top: 154px;
}

.coun_ri{
	text-align:left;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	position:absolute;
	right: -20px;
    top: 166px;
}

.mvc_bottomText{
	padding-top:31px;
	letter-spacing: -0.5px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.mv_contentBox03 {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    top: 190px;
    text-align: center;
}

.mv_content_03Box{
	width:100%;
	position:relative;
}

.mvcTitle{
	letter-spacing: -1px;
    font-size: 36px;
    font-weight: 300;
    color: #fff;
}

.mvc_lineTitle{
	width:100%;
	position:relative;
	z-index:500;
}

.mvc_lineTitle b{
	top: -10px;
    position: relative;
    width: 100%;
    letter-spacing: -2px;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    z-index: 600;
    padding: 0px 8px 2px 8px;
	/* background-color:rgba(255,255,255,0.4); */
}

/* .mvc_lineTitle span{ */
	/* position:absolute; */
	/* left:0px; */
	/* top: 30px; */
	/* width:100%; */
	/* height:1px; */
	/* background-color:#fff; */
	/* z-index:500; */
/* } */

.mvc_subTitle{
	letter-spacing: -1px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
	padding-top: 34px;
}

.mvc_StepContentBox {
    max-width: 800px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 42px;
}

.mvc_StepContentBox ul {
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mvc_StepContentBox ul li {
    float: left;
    text-align: center;
    width: calc(25% - 24px);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 12px 34px 12px;
}

.mvc_circle {
	font-size:19px;
	color:#000;
	font-weight:500;
    text-align: center;
    display: inline-block;
    width: 140px;
    height: 140px;
    /* border: 2px solid #cecece; */
    border-radius: 50%;
    padding-top: 56px;
	/* background-color:rgba(207,211,212,0.5); */
	
	background-image: url(../img/mvc_circle.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mvc_arrow{
	position:absolute;
	right: -22px;
	top: 55px;
}

.mvc_arrow img{
	max-width:100%;
	height:30px;
}

.mv_contentBox05 {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
	top: 134px;
    text-align: center;
}

.mvcTitle05 {
    letter-spacing: -1px;
    font-size: 36px;
    font-weight: 300;
    color: #fff;
}

.mvcTitle05 b{
	font-weight:700;
}

.mvc_subTitle05 {
    letter-spacing: -1px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    padding-top: 8px;
}

@media (max-width: 1300px) {
	.coun_le {
		line-height: inherit;
		text-align: left;
		position: relative;
		left: 50px;
		top: 4px;
	}
	.coun_le br{display:none;}
	.coun_ri {
		position: absolute;
		right: 51px;
		top: 327px;
	}
}

@media (max-width: 1024px) {
	.mvcInnerText{
		right: 37px;
	}
}

@media (max-width: 991px) {
	.mbContent{
		height: 674px;
	}
	.mainVisualBox{
		height: 674px;
	}
	.mv_contentBox{
		top: 100px;
	}
	.mv_contentBox b{
		font-size: 22px;
	}
	.mv_contentBox h1{
		font-size: 50px;
	}
	.countImg img {
		width: 70%;
	}
	.coun_le{
		text-align:center;
		left:inherit;
		top:inherit;
	}
	.coun_ri{
		display:none;
	}
}

@media (max-width: 800px) {
	
}

@media (max-width: 767px) {
	.mbContent {
		margin-top: 50px;
	}
	.mbContent {
		height: 384px;
	}
	.mainVisualBox {
		height: 384px;
	}
	.mv_contentBox {
		top: 40px;
	}
	.mv_contentBox02{
		top: 40px;
	}
	.mvcInnerText b{
		line-height: 26px;
		font-size: 26px;
	}
	.mvcInnerText b p{
		font-size: 26px;
	}
	.mvcInnerText span{
		font-size: 14px;
		line-height: 22px;
		top: 8px;
	}
	.mv_contentBox h1 {
		margin-top: 10px;
		margin-bottom: 4px;
		font-size: 36px;
		line-height: 40px;
	}
	.mv_contentBox b {
		font-size: 16px;
	}
	.countImg{
		padding-top: 10px;
	}
	.countImg img{
		width: auto;
		height:91.55px;
	}
	.coun_le{
		font-size: 14px;
	}
	.mvc_bottomText{
		padding-top: 10px;
		font-size: 14px;
	}
	
	.mv_contentBox03{
		top: 60px;
	}
	.mvcTitle{
		font-size: 26px;
		line-height: 32px;
	}
	.mvc_lineTitle b{
		top: -4px;
		font-size: 26px;
	}
	.mvc_subTitle{
		line-height: 22px;
		letter-spacing: -1px;
		font-size: 14px;
		font-weight: 300;
		color: #fff;
		padding-top: 8px;
	}
	.mvc_StepContentBox{
		padding-top: 32px;
	}
	.mvc_circle{
		font-size: 15px;
		padding-top: 26px;
		width: 70px;
		height: 70px;
	}
	.mvc_arrow {
		right: -17px;
		top: 22px;
	}
	.mvc_arrow img {
		height: 16px;
	}
	
	.mainV05{
		background-image: url(../img/m_main_image_05.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.mv_contentBox05{
		top: 70px;
	}
	.mvcTitle05{
		font-size: 26px;
	}
	.mvc_subTitle05 {
		line-height: 22px;
		letter-spacing: -1px;
		font-size: 14px;
		font-weight: 300;
		color: #fff;
		padding-top: 8px;
	}
}

@media (max-width: 430px) {
	.mainV02 {
		background-position: 58% 0px;
	}
	.mvcInnerText{
		right: 12px;
		top: 48px;
	}
	.mvcInnerText b{
		line-height: 22px;
		font-size: 22px;
	}
	.mvcInnerText b p{
		font-size: 22px;
	}
	.mvcInnerText span{
		letter-spacing: -2px;
		font-size: 14px;
		line-height: 22px;
		top: 8px;
	}
	
	.mv04top{
		top:130px!important;
	}
}

/*-----------------------------
# identified
-------------------------------*/

.identified_Wrap{
	width:100%;
	position:relative;
	background-color:#fff;
	padding-top: 280px;
	padding-bottom:100px;
}

.idenSideBox{
	position:relative;
	width:100%;
	max-width:1180px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}

.top_buleBox{
	z-index: 100;
	position:absolute;
	top: -380px;
	left: 0px;
	width:100%;
	height:280px;
	background-color:#3694eb;
	display: flex;
    flex-flow: row;
}

.tbBox{
	position:relative;
	height:100%;
	width:33.3333333333%;
    padding-top: 28px;
    padding-bottom: 34px;
}

.tbBox:hover{
	background-color:#3086d3;
}

.tbInner{
	text-align:center;
	position:relative;
	height:100%;
	width:100%;
	padding-top: 14px;
}

.tbInner img{
	height:66px;
	display:inline-block;
	max-width:100%;
	margin-top: 20px;
}

.add_rightB{border-right:1px dotted #fff;}

.tb_title{
	display:block;
}

.tb_title h2{
	letter-spacing: -0.5px;
	line-height:inherit;
	color:#fff;
	font-size:23px;
	font-weight:700;
}

.tb_title b{
	display:block;
	font-size:18px;
	font-weight:300;
	color:#cee1f3;
	line-height:22px;
	margin-top:20px;
}

.tbInner2{
	text-align:center;
	position:relative;
	height:100%;
	width:100%;
	padding-top: 9px;
}

.tbInner2 img{
	height:66px;
	display:inline-block;
	max-width:100%;
	margin-top: 20px;
}

.tb_title2{
	letter-spacing: -0.5px;
	color:#fff;
	font-size:23px;
	font-weight:700;
	line-height:27px;
}

.tb_title2 h2{
	letter-spacing: -0.5px;
	line-height:27px;
	color:#fff;
	font-size:23px;
	font-weight:700;
}

.tb_title2 b{
	display:block;
	font-size:18px;
	font-weight:300;
	color:#cee1f3;
	line-height:21px;
	margin-top:6px;
}

.tb_bottomText{
	position:absolute;
	bottom: -27px;
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:300;
	color:#fff;
}

.numberItemBox{
	width:100%;
	position:relative;
	overflow:hidden;
	padding-top: 56px;
	display: flex;
    flex-flow: row;
}

.numItemBox{
	text-align:center;
	position:relative;
	width:100%;
}

.numText{
    position: relative;
    display: inline-block;
}

.numText span{
	letter-spacing: -4px;
    position: relative;
    display: inline-block;
	font-size: 49px;
    font-weight: 900;
    color: #fe9843;
    font-family: 'Roboto';
}

.numText b{
	z-index:500;
	position:relative;
    top: 0px;
    left: 5px;
	color: #fe9843;
	font-size:24px;
	font-weight:600;
	font-family: 'Noto Sans KR', sans-serif;
}

.numText p{
	z-index:600;
	position:absolute;
	bottom: -10px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#fe9843;
}

.numSubText{
	letter-spacing: -0.5px;
	position:relative;
	top:-1px;
	text-align:center;
	font-size: 18px;
	font-weight:300;
	padding-bottom:28px;
}

.numcircle{
	display:inline-block;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    /* border: 2px solid #333; */
    background-color: #fff;
}

.numcircle img{
	width:100%;
}

@media (max-width: 1196px) {
	.identified_Wrap{
		padding-top: 20px;
		padding-bottom: 60px;
	}
	.top_buleBox{
		position:relative;
		top: inherit;
		margin-bottom: 60px;
	}
	.tb_title h2{
		font-size: 18px;
	}
	.tb_title2 h2{
		font-size: 18px;
	}
	.tb_title b{
		margin-top:10px;
		font-size: 15px;
		line-height: 20px;
	}
	.tb_title2 b {
		font-size: 15px;
		line-height: 20px;
		margin-top: 6px;
	}
	.tbInner img {
		height: 56px;
	}
	.tbInner2 img {
		height: 56px;
	}
	.tb_bottomText{
		bottom: -10px;
		font-size: 13px;
	}
}

@media (max-width: 860px) {
	.top_buleBox{
		height:auto;
		display:block;
	}
	.tbBox{
		width:100%;
	}
	.add_rightB {
		border-right: none;
	}
	.tb_bottomText{
		position:relative;
		bottom:inherit;
	}
    .top_buleBox{
        background-color: unset;
        font-size: 0
	}
	.tbBox{
        background-color: #3694eb;
        padding-top: 20px;
        margin-bottom: 0;
        padding-bottom: 20px;
        display: inline-block;
        width: calc(100%/2 - 10px);
        min-height: 140px;
        vertical-align: top;
	}
    .tbBox:not(:nth-last-child(-n + 2)) {
        margin-bottom: 20px!important;
    }
    .tbBox:nth-child(2n - 1){
       margin-right: 20px;
    }
    .tbInner2.pd_t44{
        padding-top: 0!important;
    }
}

@media (max-width: 767px) {
	
	.tb_title b{
		font-size: 14px;
	}
	.tbInner img {
		height: 46px;
		margin-top: 10px;
	}
	.tbInner2 img {
		margin-top: 10px;
		height: 46px;
	}
	.tb_bottomText {
		font-size: 12px;
	}
	
	.numberItemBox{
		display:block;
		padding-top: 40px;
		padding-left:30px;
		padding-right:30px;
	}
	.numItemBox {
		/* height:70px; */
		position:relative;
		text-align: left;
		padding-bottom:20px;
		border-bottom:1px solid #ddd;
		margin-bottom:20px;
	}
	.numSubText{
		text-align: left;
		padding-bottom: 0px;
		font-size: 16px;
	}
	.numText span{
		letter-spacing: -3px;
		font-size: 30px;
	}
	.numText b{
		font-size: 18px;
	}
	.numText p{
		display:none;
	}
	.numcircle{
		width: 68px;
		height: 68px;
		position:absolute;
		right:0px;
		top:0px;
	}
}

/*-----------------------------
# 타이틀 h1.h2.h3
-------------------------------*/
.top_areat_text{
	width: 100%;
	position:absolute;
	top:-42px;
	left:50%;
	transform:translateX(-50%);
	webkit-transform:translateX(-50%);
	font-size:25px;
	font-weight:400;
}

.atMarB40{
	margin-bottom:40px;
}

.areaTitle{
	width:100%;
	position:relative;
	line-height: 45px;
	letter-spacing: -1px;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
}

.areaTitle h1{
	width:100%;
	position:relative;
	line-height: 45px;
	letter-spacing: -3px;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
}

.areaTitle h1 p{
	display:inline-block;
	font-weight:300;
	margin-bottom:0px;
}

.areaTitle h1 p{
	display:inline-block;
	font-weight:300;
	margin-bottom:0px;
}

.areaTitle h2{
	letter-spacing: -3px;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
	line-height: 58px;
	margin-bottom:0px;
}

.areaTitle h2 p{
	display:inline-block;
	font-weight:300;
	margin-bottom:0px;
}

.areaTitle h3{
	letter-spacing: -3px;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
	line-height: 58px;
	margin-bottom:0px;
}

.areaTitle h3 p{
	display:inline-block;
	font-weight:300;
	margin-bottom:0px;
}

.areaTitle h3 dd{
	margin-bottom: -5px;
    display: inline-block;
    font-weight: 300;
    font-size: 32px;
}

.apBlock{display:block!important;}

.areaTitle b{
	margin-top: -6px;
	display:block;
	font-size: 18px;
	font-weight:400;
	letter-spacing: -0.2px;
}

.at_lineBox{
	top:-20px;
	position:relative;
	display:block;
	text-align:center;
}

.at_line{
	position:relative;
	display:inline-block;
	width:160px;
	height:1px;
	background-color:#e5e5e5;
}

.at_circle{
	position:absolute;
	top:-10px;
	left:50%;
	transform:translate(-50%);
	width:20px;
	height:20px;
	border-radius:50%;
	border:4px solid #37a8ec;
	background-color:#fff;
}

.at_c_col02{
	border:4px solid #ff9944!important;
}

@media (max-width: 1024px) {
	.top_areat_text{
		font-size: 20px;
		top: -34px;
	}
	.areaTitle{
		font-size:40px;
	}
	.areaTitle h1{
		font-size:40px;
	}
	.areaTitle h2{
		font-size:40px;
	}
	.areaTitle h3{
		font-size:40px;
	}
	.areaTitle h3 dd {
		margin-bottom: 0px;
		display: inline-block;
		font-weight: 300;
		font-size: 25px;
		position: relative;
		top: 16px;
	}
	.areaTitle b{
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.top_areat_text {
		font-size: 14px;
		top: -26px;
	}
	.atMarB40 {
		margin-bottom: 0px;
	}
	.areaTitle{
		font-size:24px;
		line-height: 30px;
	}
	.areaTitle h1{
		font-size:24px;
		line-height: 30px;
	}
	.areaTitle h2{
		font-size:24px;
		line-height: 30px;
	}
	.areaTitle h3{
		font-size:24px;
		line-height: 30px;
	}
	.areaTitle h3 dd {
		margin-bottom: 0px;
		display: inline-block;
		font-weight: 300;
		font-size: 15px;
		position: relative;
		top: 7px;
	}
	.areaTitle b{
		margin-top: 4px;
		line-height: 18px;
		font-size: 14px;
	}
	.at_lineBox {
		top: 0px;
	}
	.at_line{
		width: 140px;
	}
	.at_circle {
		top: -8.5px;
		left: 50%;
		width: 18px;
		height: 18px;
	}
}

/*-----------------------------
# review
-------------------------------*/

.review_Wrap{
	width:100%;
	position:relative;
	background-color:#e3edf6;
	padding-top: 96px;
	padding-bottom:120px;
}

.reviewSideBox{
	position:relative;
	width:100%;
	/* height:200px; */
	/* background-color:pink; */
	max-width:1420px;
	margin:0 auto;
	padding-left:120px;
	padding-right:120px;
}

.re_slideBox{
	width:100%;
	position:relative;
	padding-top: 66px;
}

.reItemBox{
	width:100%;
	background-color:#fff;
	border:1px solid #ddd;
}

.reitemImgBox{
	position:relative;
	text-align:center;
	width:100%;
	height: 180px;
	background-color:#f7f7f7;
}

.reitemImgBox img{
	height: 180px;
	position:absolute;
	bottom:0px;
	left:50%;
	transform:translateX(-50%);
	display:inline-block;
}

.reitemTextBox{
	width:100%;
	position:relative;
	padding: 16px 26px 26px 26px;
	background-color:#fff;
	text-align:left;
}

.rev_Ttitle{
	font-size:14px;
	font-weight:500;
	color:#666666;
	font-style:italic;
}

.rev_Ttitle b{
	color:#333333;
	font-size:18px;
	font-style: normal;
	margin-right:2px;
}

.rev_Ttitle p{
	margin-top: 4px;
	margin-bottom:0px;
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    display: block;
    color: #3086d3;
}

.rev_Ttitle span{
	margin-top: 3px;
	margin-bottom:0px;
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    display: block;
    color: #666666;
}

.rev_TSubtitle{
	display:block;
	height: 128px;
	font-size:13px;
	font-weight:500;
    line-height: 24px;
	color:#a1a1a1;
	padding-top:8px;
	letter-spacing:-0.4px;
}

.rev_starBox{
	position:relative;
	display:inline-block;
	text-align:left;
	padding-top: 10px;
}

.rev_starBox img{
	height: 23px;
    display: inline-block;
    margin-right: 0px;
}

.rev_starBox b{
	position:relative;
	top:3px;
	display:inline-block;
	font-size:18px;
	font-weight:600;
	margin-left:4px;
}

@media (max-width: 1140px) {
	.reviewSideBox{
		padding-left: 80px;
		padding-right: 80px;
	}
}

@media (max-width: 767px) {
	.review_Wrap{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.reviewSideBox {
		padding-left: 50px;
		padding-right: 50px;
	}
	.re_slideBox {
		padding-top: 40px;
	}
	.reitemImgBox{
		height: 140px;
	}
	.reitemImgBox img{
		height: 140px;
	}
	.rev_TSubtitle br{
		display:none;
	}
}

/*-----------------------------
# ozhean case
-------------------------------*/

.case_Wrap{
	width:100%;
	position:relative;
	background-color:#fff;
    padding-top: 173px;
    padding-bottom: 164px;
	padding-left:20px;
	padding-right:20px;
}

.caseSideBox{
	position:relative;
	width:100%;
	/* border:1px solid #000; */
	margin:0 auto;
}

.case_portBox{
    padding-top: 116px;
	max-width: 1200px;
    width: 100%;
    position: relative;
    margin-top: 70px;
    margin: 0 auto;
}

.case_portBox ul {
	text-align: center;
    width: 100%;
    /* display: flex; */
    /* flex-flow: row wrap; */
    list-style: none;
    padding: 0;
    margin: 0;
}

.case_portBox ul li {
    /* float: left; */
	text-align: center;
    width: calc(25% - 23px);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 10px 13px 10px;
}


.caseImg{
	width:100%;
	position:relative;
	padding-bottom: 55.958%;
	overflow:hidden;
}

.caseImg img{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

@media (max-width: 991px) {
	.case_portBox {
		padding-top: 56px;
	}
	.case_portBox ul li {
		/* float: left; */
		text-align: center;
		width: calc(33.3333333333% - 23px);
		position: relative;
		display: inline-block;
		list-style: none;
		margin: 0 10px 13px 10px;
	}
}

@media (max-width: 767px) {
	.case_Wrap {
		padding-top: 80px;
		padding-bottom: 40px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.case_portBox {
		padding-top: 40px;
	}
	.case_portBox ul li {
		width: calc(33.3333333333% - 7px);
		margin: 0 2px 2px 2px;
	}
}

/*-----------------------------
# ozhean specialized
-------------------------------*/

.specialized_Wrap{
	width:100%;
	position:relative;
	background-color:#fff;
	padding-top: 96px;
	padding-bottom:160px;
}

.specializedSideBox{
	position:relative;
	width:100%;
	/* height:200px; */
	/* background-color:pink; */
	max-width:1560px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}

.spItemBox{
	width: 100%;
    position: relative;
    margin-top: 70px;
	overflow:hidden;
}


.spItemBox ul {
	text-align: center;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.spItemBox ul li {
	position: relative;
    display: inline-block;
    float: left;
    text-align: center;
	width: calc(16.66666666666667% - 25.1px);
    height:124px;
	background-color:#37a8ec;
	border: 1px solid #37a8ec;
	border-radius:60px;
    list-style: none;
    margin: 0 30px 0px 0px;
	color:#fff;
}

.spItemBox li:nth-child(2) {
    background-color:#fff;
	border: 1px solid #b4b4b4;
	color:#333;
}

.spItemBox li:nth-child(4) {
    background-color:#fff;
	border: 1px solid #b4b4b4;
	color:#333;
}

.spItemBox li:nth-child(6) {
	background-color:#fff;
	border: 1px solid #b4b4b4;
    margin-right: 0px!important;
	color:#333;
}

.spi_Inner{
	position:relative;
	height:100%;
	width:100%;
	text-align:center;
	padding-top:20px;
}

.spi_Inner b{
	font-size:18px;
	font-weight:500;
}

.spi_Inner b img{
	position:relative;
	top:-3px;
	height:25px;
	max-width:100%;
	margin-right:6px;
}

.spi_Inner p{
	font-size:18px;
	font-weight:300;
	line-height: 22px;
	margin-bottom:0px;
	margin-top:6px;
	letter-spacing:-0.4px;
}

@media (max-width: 1600px) {
	.spi_Inner{
		padding-top: 24px;
	}
	.spi_Inner b {
		font-size: 16px;
	}
	.spi_Inner p {
		font-size: 15px;
		line-height: 20px;
	}
	.spi_Inner b img {
		height: 24px;
	}
	.spItemBox ul li{
		/* float: left; */
		width: calc(25% - 20px);
		margin: 0 10px 20px 10px;
	}
	.spItemBox {
		padding-left: 120px;
		padding-right: 120px;
	}
}

/* @media (max-width: 1300px) { */
	/* .spItemBox ul li{ */
		/* width: calc(25% - 40px); */
		/* margin: 0 20px 20px 20px; */
	/* } */
/* } */

@media (max-width: 1136px) {
	.spItemBox {
		padding-left: 0px;
		padding-right:0px;
	}
	.spItemBox ul li{
		/* float: left; */
		width: calc(33.333333333% - 20px);
		margin: 0 10px 20px 10px;
	}
}

@media (max-width: 767px) {
	.specialized_Wrap {
		padding-top: 40px;
		padding-bottom: 68px;
	}
	.spItemBox {
		margin-top: 40px;
	}
	.spItemBox ul li{
		border-radius: 30px;
		height: 104px;
		/* float: left; */
		width: calc(50% - 12px);
		margin: 0 6px 12px 6px;
	}
	.spi_Inner {
		padding-top: 14px;
	}
	.spi_Inner b {
		font-size: 15px;
	}
	.spi_Inner p {
		font-size: 14px;
		line-height: 20px;
	}
}

/*-----------------------------
# ozhean anywhere
-------------------------------*/

.anywhere_Wrap{
	width:100%;
	position:relative;
	background-color:#f0f0f0;
	padding-top: 100px;
	padding-bottom: 100px;
}

.anywhereSideBox{
	position:relative;
	width:100%;
	/* height:200px; */
	max-width:1170px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}

.anyContentBox{
	width:100%;
	padding-top: 28px;
	display:flex;
}

.anyC_box01{
	width:642px;
	text-align:left;
}

.anyC_box01 img{
	max-width:100%;
}

.anyC_box02{
	text-align:left;
	padding-top:140px;
	padding-left:0px;
}

.anyc_Text{
	font-size:30px;
	font-weight:600;
}

.anyc_Text b{
	display:block;
	font-size:18px;
	font-weight:300;
	line-height:22px;
	margin-top:6px;
}

@media (max-width: 1168px) {
	.anyC_box02 {
		padding-left: 0px;
		padding-top: 13%;
	}
	.anyc_Text {
		font-size: 26px;
	}
	.anyc_Text b{
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.anywhere_Wrap {
		padding-top: 80px;
		padding-bottom:80px;
	}
	.anywhereSideBox{
		padding-left: 12px;
		padding-right: 12px;
	}
	.anyContentBox{
		display:block;
	}
	.anyC_box01{
		text-align:center;
		width:100%;
	}
	.anyC_box01 img {
		width:90%;
		display:inline-block;
	}
	.anyC_box02 {
		padding-top: 20px;
	}
	.anyc_Text {
		font-size: 20px;
	}
	.anyc_Text b {
		line-height: 20px;
		font-size: 14px;
	}
}

@media (max-width: 500px) {
	.anyC_box01 img {
		width: 100%;
		display: inline-block;
	}
}

/*-----------------------------
# ozhean main location
-------------------------------*/

.mainLocation_Wrap{
	overflow: hidden;
	width:100%;
	position:relative;
	background-color:#fff;
	padding-top: 220px;
	padding-bottom: 180px;
}

.mainLocationSideBox{
	position:relative;
	width:100%;
	/* height:200px; */
	max-width:1170px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}

.mlContenBox{
	width:100%;
	display:flex;
    padding-bottom: 75px;
}

.mlMapBox{
	text-align:left;
	width:600px;
	position:relative;
}

.mapShowBox{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom: 68.5%;
}

#map{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.mlMapBox img{
	max-width:100%;
	display:inline-block;
}

.mapBorderBox{
	position:absolute;
	right: 40px;
	top:-34px;
	text-align:right;
}

.mbBorder{
	display: inline-block;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 400;
    background-color: #d5d5d5;
    padding: 1px 8px 1px 8px;
	margin-left:8px;
}

.mlTextBox{
	text-align:left;
	padding-left:34px;
	padding-top: 1px;
}

.miMarT{
	margin-top:34px;
}

.mlTextBox .mlText{
	font-size:18px;
	font-weight:600;
}

.mlTextBox .mlText b{
	position:relative;
	display:block;
	font-size:16px;
	font-weight:400;
	margin-top:2px;
	line-height:28px;
}

.mlTextBox .mlText P{
	width: 100%;
	position:absolute;
	top:0px;
	left:66px;
	display:inline-block;
	margin-bottom:0px;
	font-size:16px;
	font-weight:400;
}

.mlTextBox .mlText span{
	display:block;
	font-size:14px;
	font-weight:400;
	line-height:24px;
	margin-top:4px;
}

.colorBorderBox{
	width:100%;
	position:relative;
	display:flex;
	padding-top:12px;
}

.colorBorderBox .cborber{
	position:relative;
	top:0px;
	text-align:center;
	display:inline-block;
	width:110px;
	height:110px;
	border-radius:50%;
	background-color:#343434;
	color:#fff;
	font-size:18px;
	font-weight:400;
	line-height:20px;
	padding-top:36px;
	margin-right:4px;
	transition:all 0.3s;
}

.colorBorderBox a{
	color:#fff!important;
}

.colorBorderBox a:hover{
	top:-6px;
	text-decoration:underline;
}

.colBule{background-color:#3694eb!important;}

.mlContactBox{
	text-align:center;
}

.mlCbox{
	position:relative;
	text-align:center;
	display:inline-block;
	padding-left:70px;
	padding-right:70px;
}

.mlC_borLR{
	border-left:1px solid #000;
	border-right:1px solid #000;
}

.mlCbox a{
	font-size:16px;
	font-weight:500;
}

.mlCbox img{
	height:34px;
	max-width:100%;
	position:relative;
	top:-2px;
	margin-right:20px;
}

@media (max-width: 1120px) {
	.mlMapBox{
		width:100%;
	}
	.mapBorderBox{
		right: 0px;
	}
	.mlCbox{
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (max-width: 1080px) {
	.mainLocationSideBox{
		padding-left: 40px;
		padding-right: 40px;
	}
	.mlContenBox{
		display:block;
	}
	.mapBorderBox{
		padding-bottom: 20px;
		position: relative;
		right: inherit;
		top: inherit;
		text-align: center;
	}
	.mlMapBox{
		text-align:center;
	}
	.mlMapBox img{
		width:559px;
		display:inline-block;
	}
	.mlTextBox{
		width:100%;
		padding-left:0px;
		padding-top:40px;
	}
	.mlCbox {
		padding-left: 30px;
		padding-right: 30px;
	}
	.mlCbox a {
		font-size: 14px
	}
	.mlCbox img {
		height: 24px;
	}
}

@media (max-width: 767px) {
	.mainLocation_Wrap{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.mainLocationSideBox{
		padding-left: 12px;
		padding-right: 12px;
	}
	.mlContenBox{
		padding-bottom: 15px;
	}
	.mapBorderBox {
		padding-bottom: 10px;
	}
	.mbBorder{
		font-size: 14px;
	}
	.mlMapBox img{
		width:100%;
	}
	.mlTextBox{
		padding-top: 20px;
	}
	.mlTextBox .mlText {
		font-size: 16px;
	}
	.mlTextBox .mlText b{
		font-size: 14px;
		margin-top: 6px;
	}
	.miMarT {
		margin-top: 20px;
	}
	.mlTextBox .mlText P{
		left: 86px;
		font-size: 14px;
	}
	.mlTextBox .mlText span {
		font-size: 13px;
		line-height: 22px;
		margin-top: 2px;
	}
	.colorBorderBox{
		text-align: center;
		width: 100%;
		position: relative;
		display: block;
		padding-top: 12px
	}
	.colorBorderBox .cborber {
		width: 70px;
		height: 70px;
		font-size: 15px;
		line-height: 18px;
		padding-top: 18px;
		margin-right: 4px;
		margin-left: 4px;
		letter-spacing: -0.5px;
	}
	.mlContactBox {
		width: 100%;
		/* display: flex; */
	}
	.mlCbox {
		text-align:center;
		width:100%;
		position:relative;
		padding-top:20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.mlC_borLR{
		border-left: none;
		border-right: none;
	}
	.mlCbox img{
		/* position:absolute; */
		/* left:50%; */
		/* transform:translateX(-50%); */
		/* -webkit-transform:translateX(-50%); */
	}
	.mlCbox a {
		display:inline-block;
		font-size: 14px;
	}
}

/*-----------------------------
# main 하단 슬라이드
-------------------------------*/

.mainBottom_slideBox{
	width:100%;
	position:relative;
	overflow:hidden;
}

.mainBottom_slideBox ul{
	position: relative;
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mainBottom_slideBox ul li {
    float: left;
    text-align: center;
    width: calc(25% - 0px);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 0px 0px 0;
    background-color: #fff;
}

.mbs_marLR{
	margin-left:0px!important;
	margin-right:0px!important;
}

.mbs_padLR{
	padding-left:0px!important;
	padding-right:0px!important;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.column {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-right: 10px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.column img{
	/* position:absolute; */
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:650;
}

.column:hover .mb_dim{
	top:0px;
	opacity:1;
}

.mb_dim{
	opacity:0;
	top:-100px;
	text-align:center;
	display:table;
	position:absolute;
	left:0px;
	width:100.5%;
	height:100.5%;
	z-index:700;
	background-color:rgba(0,0,0,0.6);
}

.mb_dimInner{
	text-align:center;
	position:relative;
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}

.dim_circle{
	text-align:center;
	display:inline-block;
	width:80px;
	height:80px;
	border-radius:50%;
	background-color:#fe9844;
	padding-top: 23px;
	cursor:pointer;
}

.dim_circle img{
	position:relative!important;
	width: 36px!important;
    height: 36px!important;
	max-width:100%;
	display:inline-block;
}


.group:before,
.group:after {content: ''; display: block; }
.group:after { clear: both; }

.flex {display: flex; align-items: center; justify-content: center; }

.wrap {flex-wrap: wrap; }

.column {display: inline-block;position: relative;width: 25%;margin-right:10px;box-sizing: border-box;overflow: hidden;cursor: pointer;}
.column:hover {cursor: pointer; }
.column img { max-height: 100%;  max-width: 100%; }

.pop-modal {opacity:0;padding-top: 30px;background-color: rgba(0,0,0,0.9);position: fixed;left: 0;
top: -500%; 
height: 100%;width: 100%;transition: top 1s ease-in-out; z-index: 99999;}

.show {
	top: 0; 
	opacity:1;
}

.pop-modal-content {  height: 100%; width: 90%;margin: auto;padding: 0;position: relative;}

.imgclose {position: absolute;top: 0;right: 0px; background: url(../img/btn_pop_close.png) no-repeat 0 0;background-size: 40px;cursor: pointer;position: absolute;height: 40px;width: 40px;z-index: 510;}
.imgclose:hover,
.imgclose:focus {color: #999;cursor: pointer;text-decoration: none;}

.slides {height: 100%; width: 100%; position: absolute;left: 0; right: 0; transition: opacity 0.9s; z-index: 1; }
.slides img {max-height: 80%; max-width: 80%; }

.hide {opacity: 0; z-index: -1; }

.pop {opacity: 1; z-index: 1; }

.cursor {cursor: pointer}

.prev,
.next {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background-color: inherit;color: #fff!important; cursor: pointer;position: absolute;top: 50%; padding: 16px;font-weight: 700;font-size: 50px;transition: 0.6s ease;user-select: none;-webkit-user-select: none;z-index: 1;}

.next { right: 0;}

.prev:hover,
.next:hover {background-color: #2a8cc9;}


.numbering {color: #fff;font-size: 16px;padding: 8px 12px;position: absolute;top: 0; width: 100%; text-align: center; }
.numbering span{font-size: 24px;color: #fff;font-weight: bold;}


@media (max-width: 991px) {
	.mainBottom_slideBox ul li{
		width: calc(50% - 0px);
	}
}

@media (max-width: 767px) {
	.dim_circle{
		width: 60px;
		height: 60px;
		padding-top: 13px;
	}
	.imgclose{
		top: -10px;
		right: -10px;
		background-size: 30px;
	}
	.numbering{
		font-size: 13px;
	}
	.slides img {
		max-height: 100%;
		max-width: 100%;
	}
	.prev, .next{
		top: 75%;
		padding:0px;
		font-size: 40px;
	}
	.prev:hover,
	.next:hover {background-color: initial;}
}





/*--------------------------------------------------------------











#  게시판 css











--------------------------------------------------------------*/


.inquiry_table_box{
	position: relative;
	padding-top: 40px;
}

.in_top_table_line{
	width: 100%;
    border-collapse: collapse;
	display: flex;
	border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
}

.inquiryList ul{
	width:100%;
	position:relative;
}

.inquiryList li{
	list-style:none;
}

.in_table_line{
	cursor:pointer;
	display: flex;
	width: 100%;
    border-collapse: collapse;
	transition: all 0.3s;
	border-bottom: 1px solid #eaeaea;
}
.in_table_line:hover{transiton: all 0.3s;background-color: #fafafa;}
.in_table_item{
	line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -1px;
    display: flex; justify-content: center; align-items: center;
}

.click_inTable{
	position: relative;
	display: flex; 
	width: 100%; 
	height:auto;
	background-color: #f7f7f7;
}

.in_table_item .confirm_PasswordLine p { 
	text-align: center; 
	font-size: 15px;
	color: #333333;
	margin-bottom:0px;
}

.confirm_inputBox{
	width: 100%;
	position:relative; 
}
.confirm_input{
	box-sizing: border-box; 
	width: 100%; 
	border-collapse: collapse;
}
.confirm_input input {
	box-sizing: border-box;
	border-collapse: collapse;
	height: 40px; 
	width: 100%;
	font-size: 15px;
	border: 1px solid #fff;
	padding-left: 20px; 
	background-color: #fff;
    border-radius: 0;
}
.confirm_input input::placeholder{
	font-size: 14px;
	color:#a8a8a8;
	font-weight: 400;
}
.con_bar:focus {border: 1px solid #333333;background-color: #fff;}
.con_bar {width: 100%;height: 58px;border: 1px solid #f6f6f6;outline: 0;}

.confirm_btn{cursor: pointer;border:1px solid #eee!important;position: relative;display: inline-block; color: #333333;font-size: 16px;width: 90px;height: 40px; line-height: 36px; background-color: #fff;font-family: 'Noto Sans KR', sans-serif;transition: all 0.3s;}
.confirm_btn:hover{background-color: #444;border: 1px solid #444;color: #fff;}

.click_rate_menu{width: 100%;background: #fff;}
.click_rate_menu li.open_faq .in_table_line span {color: #3b6bb8;font-weight: bold;}
.click_rate_menu li.open_faq .in_table_line .fa-chevron-down {transition: all 0.9s;transform: rotate(180deg);}
.click_rate_menu li:last-child .in_table_line {    z-index: 300;}

.in_table_line {}
.in_table_line i {position: absolute;top: 18px;left: 16px;}
.in_table_line .fa-chevron-down {right: 8px;left: auto;}

.click_inTable{display: none;z-index:200;}
.click_inTable li{}
.click_inner{display: flex;animation: h1Title 0.2s forwards; -webkit-animation: h1Title 0.2s forwards;}

.cwid20{width: 20%;}
.cwid40{
    width: 47%;
    overflow: hidden;
}

.consult_inTable{position: relative;display: flex; width: 100%; max-width: 1300px; height: auto; background-color: #e8f3fa;}
.consult_inTable{display: none;z-index:200;}
.consult_inTable li{}
.consult_inner{display: block;animation: h1Title 0.2s forwards; -webkit-animation: h1Title 0.2s forwards;}

.click_inner_question{position: relative;color: #424242;font-weight: 500;font-size: 17px;padding-left: 40px;font-family: 'Noto Sans KR', sans-serif;cursor: pointer;display: block;border-bottom: 1px solid #ccc;position: relative;padding-bottom: 20px;padding-top: 21px;}
.click_inner_question span {font-size: 18px;color: #3b6bb8;font-weight: bold;font-family: 'Titillium Web', sans-serif;margin-right: 6px;}
.click_inner_answer{background-color: #fafafa; padding: 30px 30px 30px 40px;}

.click_inner_answer_text {color: #424242;font-size: 16px;line-height: 28px;font-family: 'Noto Sans KR', sans-serif;}
.click_inner_answer_text span{font-size: 18px;font-weight: bold;color: #000;font-family: 'Titillium Web', sans-serif;margin-right: 6px;}

@media (max-width: 850px) {
	.in_table_item .confirm_PasswordLine p{
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	.in_table_item {
		line-height: 42px;
		font-size: 13px;
	}
	.in_table_item .confirm_PasswordLine p {
		font-size: 10px;
	}
	.confirm_input input{
		height: 30px;
		width: 100%;
		font-size: 12px;
		padding-left: 10px;
	}
	.confirm_input input::placeholder{
		font-size: 10px;
		color:#a8a8a8;
		font-weight: 400;
	}
	.confirm_btn{
		/* position: absolute; */
		font-size: 12px;
		width: 60px;
		height: 32px;
		line-height: 32px;
		/* right: 10px; */
	}
	.cwid20 {
		width: 30%;
	}
	.cwid40 {
		width: 77%;
	}
}

@media (max-width: 500px) {
	.confirm_btn {
		top: 5px;
		position: absolute;
	}
}

/*--------------------------------------------------------------
#  온라인상담 상세페이지 css
--------------------------------------------------------------*/

.customer_Wrap {
    z-index: 800;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 20px !important;
}

.customer_infoBox{
	width:100%;
	position:relative;
	background-color:#fafafa;
	text-align:left;
	padding: 40px 60px 40px 60px;
	margin-top:60px;
}

.customer_innerBox{
	text-align: left !important;
    position: relative;
    margin-top: 54px;
	padding:30px 30px 60px 30px;
	border-bottom:1px solid #ececec
}

.ci_context{
	display:inline-block;
	font-size:17px;
}

.ci_context b{
	margin-right:20px;
}

.ci_void{
	margin-right: 70px;
    margin-left: 70px;
	display:inline-block;
	position:relative;
	width:1px;
	height:14px;
	background-color:#333;
}

.customer_innerText{
	font-size: 17px;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 24px;
}

.replyAreaBox{
	width:100%;
	position:relative;
	padding-top:0px;
}

.replyTop{
	width:100%;
	position:relative;
	text-align:left;
}

.rtAnswer{
	padding-top: 10px;
    font-size: 18px;
    position: relative;
    display: inline-block;
    background-color: #444444;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 200px;
    height: 40px;
    text-align: center;
    font-weight: 300;
	margin-right:10px;
    display: none;
}

.rtAnswerItem{
	position:relative;
	display:inline-block;
    font-size: 17px;
    color: #333;
    font-weight: 500;
    margin-bottom: 30px;
}
.rtAnswerItem b:last-child{
    color: #888;
    font-weight: 300;
}
.rtAnswerItem span{
	margin-left: 14px;
    margin-right: 14px;
    width: 1px;
    height: 14px;
    background-color: #333;
    
    display: inline-block;
    position: relative;
    top: 1px;
} 

.replyContentBox{
	width:100%;
	position:relative;
	background-color:#fff;
}

.rC_InnerText{
	font-size: 17px;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 24px;
}

.rC_InnerText p{
	margin-bottom:0px;
    line-height: 24px;
    font-size: 16px;
}

.cusBtnBox{
	width:100%;
	padding-top:60px;
	text-align:center;
}

.cusBtnBox a{
	top: 0px;
    position: relative;
    display: inline-block;
    border: 1px solid #828282;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    width: 110px;
    height: 40px;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 7px;
}

.cusBtn{
	display:inline-block;
	border:1px solid #828282;
	font-size:16px;
	font-weight:300;
	text-align:center;
	width:110px;
	height:40px;
	margin-left:4px;
	margin-right:4px;
	background-color:unset;
}

@media (max-width: 1240px) {
	.customer_infoBox{
		padding: 30px 60px 10px 30px;
	}
	.ci_context{
		margin-bottom:20px;
	}
	.ci_void {
		margin-right: 30px;
		margin-left: 30px;
	}
}

@media (max-width: 767px) {
	.customer_Wrap{
		padding-bottom: 0px !important;
	}
	.customer_infoBox {
		margin-top: 20px;
		padding: 20px 20px 10px 20px;
	}
	.ci_context {
		display:block;
		font-size: 12px;
		margin-bottom: 10px;
	}
	.ci_void{
		display:none;
	}
	.customer_innerBox{
		margin-top: 30px;
		padding: 0px 10px 30px 10px;
	}
	.customer_innerText {
		font-size: 13px;
		line-height: 20px;
	}
	.replyAreaBox{
		padding-top: 30px;
	}
	.rtAnswer {
		padding-top: 8px;
		font-size: 14px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		width: 90px;
		height: 30px;
		margin-right: 8px;
	}
	.rtAnswerItem b {
		font-size: 13px;
	}
	.rtAnswerItem span {
		margin-left: 10px;
		margin-right: 10px;
		height: 11px;
	}
	.replyContentBox{
		padding: 30px 10px 30px 10px;
	}
	.rC_InnerText{
		font-size: 13px;
		line-height: 20px;
	}
	.rC_InnerText p{
		margin-bottom:0px;
	}
	.rtAnswerItem {
		margin-bottom: 0px;
	}
	.rC_InnerText p {
		margin-bottom: 0px;
		line-height: 24px;
		font-size: 14px;
	}
	.cusBtnBox{
		padding-top: 40px;
	}
	.cusBtnBox a{
		width: 100px;
	}
}

/*--------------------------------------------------------------
#  공지사항/이벤트 css
--------------------------------------------------------------*/

.member_sub_area_box{
	position:relative;
	padding-top: 190px;
	z-index:800;
	margin: 0 auto;
	max-width: 1340px;
	padding-bottom: 150px;
	padding-left: 70px;
	padding-right: 70px;
}
.sub_content_box{z-index:700;padding-bottom: 100px;}
.inquiry_table_box{position: relative;padding-top: 60px;padding-bottom:0px;}

.info_categoryBox{
	position:absolute;
	left: 20px;
	top: 45px;
}

.info_categoryBox img{
	position:relative;
	max-width:100%;
	height: 16px;
	margin-right:10px;
	top: -4px;
}

.info_categoryBox b{
	font-size:14.5px;
	color:#969696;
	font-weight:400;
}

.info_categoryBox p{
	display:inline-block;
	margin-bottom:0px;
	font-size:14.5px;
	color:#969696;
	font-weight:400;
	margin-left:8px;
	margin-right:8px;
}

.font_Bb{color:#000!important;}

.news_gallery_wrap{overflow:hidden;position: relative;width: auto;height: auto;padding-bottom: 0px;}



.gallery_item{
	position:relative;
	cursor:pointer;
	box-sizing: border-box;
	list-style-type: none;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0;
	clear: left;
	z-index:600;
}
.gallery_item .gallery_img_box{z-index:700;overflow: hidden; position: relative; padding-bottom: 70%;}
.gallery_item .gallery_img_box img{z-index:600;position: absolute;top: 0;left: 0;width: 100%; height: 100%; transition: all 1.5s ease; overflow: hidden;}
.gallery_img_box:after {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
}

.gallery_item:hover .gallery_title{
	text-decoration:underline;
}
.gallery_item:hover .ba_gallery_title{
	text-decoration:underline;
}
.gallery_img_box .gallery_sns{z-index:700;position:absolute; top: 14px; right:14px; width:50px; height:50px;}
.gallery_item .gallery_text_box{width: 100%;max-width: 100%;padding-top: 20px;}
.gallery_text_box .gallery_title{letter-spacing: -0.5px;font-size: 17px;font-weight: 400;font-family: 'Noto Sans KR', sans-serif;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.gallery_text_box .gallery_subDay{
	letter-spacing: -0.5px;
	font-size: 14px;
	color: #999999;
	font-family: 'Noto Sans KR', sans-serif;
	
	margin-top: 10px;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display: block;
    display: -webkit-box;
    height: 44px;
    overflow: hidden;
    line-height: 20px;
}

.none_marRB{margin-right: 0px !important;margin-bottom: 0px !important;}
.g_void{width: 60px;}
.marT50{margin-top: 30px;}
.wid190{width:190px;}
.wid20per{width:20% !important;}
.wid100per{width:100%;}
.wid50per{width:50%;}

/*--------------------------------------------------------------
#  전후사진/수술후기 css
--------------------------------------------------------------*/

.gallery_item .ba_gallery_img_box{
	position:relative;
	overflow: hidden; 
	position: relative; 
	padding-bottom: 75%;
	z-index:700;
}

.bag_dimBox{
	z-index:600;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
	background-color:pink;
	transition: all 1.5s ease; 
	overflow: hidden;
	z-index:900;
	
	display:table;
}

.bd_textBox{
	width:100%;
	text-align:center;
}

.bd_textBox b{
	display:block;
	font-size:16px;
	font-weight:400;
}

.bd_btn{
	border:1px solid #000;
	display:inline-block;
	padding:10px 20px 10px 20px;
	cursor:pointer;
	margin-top:20px;
}

.bag_dimInner{
	position:relative;
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}

.gallery_item .ba_gallery_img_box img{
	z-index:600;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
	transition: all 1.5s ease; 
	overflow: hidden;
	z-index:800;
}


.ba_gallery_text_box {
    width: 100%;
    max-width: 100%;
    padding-top: 12px;
	text-align:center;
}

.ba_gallery_text_box .ba_gallery_title {
    font-size: 17px;
    font-weight: 300;
    font-family: 'Noto Sans KR', sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
	padding-bottom: 12px;
}

.ba_gallery_title img{
	top: -1px;
	position:relative;
	max-width:100%;
	margin-right:6px;
}

/*--------------------------------------------------------------
#  수술후기 css
--------------------------------------------------------------*/

.sr_sub_area_box {
    position: relative;
    padding-top: 190px;
    z-index: 800;
    margin: 0 auto;
    max-width: 1240px;
    padding-bottom: 120px;
    padding-left: 20px;
    padding-right: 20px;
}

.surg_rBox{
	width:100%;
	position:relative;
	border:1px solid #969696;
	padding:40px;
	z-index:500;
}

.surg_rBest{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
    top: -28px;
	font-size:22px;
	font-weight:500;
	padding:10px;
	background-color:#fff;
	z-index:600;
}

.surg_rContentBox{
	width:100%;
	position:relative;
	overflow:hidden;
}

.surg_rCBox{
	position:relative;
	width:100%;
	/* height:200px; */
	display:flex;
	z-index:500;
}

.nonDownBox{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:600;
}

.src_itemImg{
	width:100%;
	height:230px;
}

.src_itemImg img{
	height: 100%;
    width: 100%;
}

.src_itemText{
	position:relative;
	width:100%;
	height:230px;
	text-align:left;
	background-color:#f2f2f2;
	display:table;
}

.src_itemInner{
	width:100%;
	max-width:100%;
	padding-left: 14px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-right: 14px;
}

.src_Ttitle {
	font-size: 13px;
    font-weight: 500;
    color: #666666;
    font-style: italic;
}

.src_Ttitle b {
    color: #333333;
	font-size: 16px;
    font-style: normal;
    margin-right: 2px;
}

.src_Ttitle p {
    margin-top: 4px;
    margin-bottom: 0px;
    font-style: normal;
	font-size: 13px;
    font-weight: 500;
    display: block;
    color: #3086d3;
}

.src_Ttitle span {
	margin-top: 3px;
    margin-bottom: 0px;
    font-style: normal;
    font-size: 13px;
    font-weight: 500;
    display: block;
    color: #666666;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    letter-spacing: -0.5px;
}

.src_lookmoreBox{
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	margin-top:20px;
	z-index:700;
}


.src_lookmore{
	display:inline-block;
}

.src_lookmore a{
	font-size: 14px;
    font-weight: 500;
    display: block;
    color: #666666;
}

.src_lookmore a:hover{
	text-decoration:underline;
}

.src_re_tableBox{
	width:100%;
	position:relative;
	margin-top:60px;
}

.src_totalrT{
	margin-top: 20px;
    width: 100%;
    position: relative;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 0px;
}

.src_totalrT b{
	font-weight:600;
	font-size: 16px;
	letter-spacing:1px;
    margin-left: 5px;
}

.src_re_table{
	width:100%;
	position:relative;
	overflow:hidden;
}

.src_re_table table{
	width:100%;
	border-collapse: collapse;
}

.src_re_table table tbody{
	width:100%;
}

.src_re_table table tr{
	width:100%;
	border-collapse: collapse;
}

.src_re_table table td{
	word-break: break-all;
}

.src_topBor{
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
}

.srcT_s{
	text-align: center;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -1px;
    padding-top: 13px;
    padding-bottom: 14px;
}


.swid80px{width:8%;}
.swid80px2{width:14%;}
.swid100px{width:10%;}
.swid120px{width:12%}
.swid100per{width:56%;overflow:hidden;}

.src_middleBor{
	border-bottom:1px solid #eaeaea;
}

.srcM_s{
	text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -1px;
    /* padding-top: 13px; */
    /* padding-bottom: 14px; */
}

.ss_no{
	font-family: 'Montserrat';
    color: #444!important;
    font-weight: 500;
    line-height: 60px;
    color: #333333;
    font-size: 16px;
}

.ss_ca{
	font-size:17px;
	color:#feae6b;
	font-weight:300;
}

.ss_sud{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    line-height: 60px;
    color: #888;
    font-weight: 300;
    letter-spacing: -0.1px;
    text-align: left;
    padding-left: 30px;
    cursor: pointer;
}

.ss_sud a{
	display: block;
	font-size:17px;
	font-weight:300;
	color:#333333;
}

.ss_sud a:hover{
	text-decoration:underline;
}

.ss_sud img{
	max-width:100%;
	width:15px;
	position:relative;
	margin-right:6px;
	top:-2px;
}

.ss_wri{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    line-height: 60px;
    color: #888;
    font-weight: 300;
    letter-spacing: -0.1px;
    text-align: center;
    cursor: pointer;
}

.ss_day{
	font-size:17px;
	font-weight:300;
	color:#333333;
}

.ss_cou{
	font-weight:400;
	color:#000;
}

@media (max-width: 991px) {
	.surg_rBox{
		padding:40px 20px 20px 20px;
	}
	.surg_rCBox{
		margin-bottom:20px;
	}
}

@media (max-width: 767px) {
	.sr_sub_area_box {
		padding-bottom: 120px;
		padding-top: 90px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.surg_rBest {
		top: -20px;
		font-size: 18px;
		padding: 6px;
	}
	.surg_rBox {
		padding: 30px 12px 10px 12px;
	}
	.src_itemImg {
		height: 160px;
	}
	.src_itemText{
		height: 160px;
	}
	.src_Ttitle b{
		font-size: 14px;
	}
	.src_Ttitle {
		font-size: 12px;
	}
	.src_Ttitle p{
		font-size: 12px;
	}
	.src_Ttitle span{
		font-size: 12px;
	}
	.src_lookmore a {
		font-size: 13px;
	}
	
	.src_re_tableBox {
		margin-top: 40px;
	}
	.src_totalrT {
		margin-top:0px;
		font-size: 13px;
		padding-bottom: 10px;
	}
	.src_totalrT b{
		font-size: 13px;
	}
	.m_sNone{
		display:none;
	}
	.swid100px {
		width: 13%;
	}
	.swid100per {
		width: 54%;
	}
	.swid120px {
		width: 22%;
	}
	.srcT_s{
		font-size: 12px;
	}
	.srcM_s{
		line-height: 54px;
        font-size: 13px;
	}
	.ss_sud{
		line-height: 54px;
		font-size: 13px;
		padding-left: 8px;
		padding-right: 5px;
	}
	.ss_sud a {
		font-size: 11px;
	}
	.ss_sud img{
		width: 10px;
		margin-right: 3px;
	}

}

/*--------------------------------------------------------------
#  온라인 상담 css
--------------------------------------------------------------*/

.consult_sub_area_box {
    position: relative;
    padding-top: 190px;
    z-index: 800;
    margin: 0 auto;
    max-width: 940px;
    padding-bottom: 150px;
    padding-left: 20px;
    padding-right: 20px;
}

.consult_tableBox{
	width:100%;
	position:relative;
	margin-top: 0px;
}

.ss_dap{
	line-height: 54px;
	font-weight: 600;
    color: #333333;
	font-size:17px;
}

.none_dap{
	/* color:#969696!important; */
	font-weight:300;
}


.sub_Sorting_select {
	position:absolute;
	right: 260px;
    top: -18px;
	margin-top:6px;
	box-sizing: border-box;
	width: 135px;
	border-collapse: collapse;
	cursor: pointer;
}
.sub_Sorting_select select {
	position:relative;
	left:0px;
	top:0px;
	box-sizing: border-box;
	height: 50px; 
	width: 100%;
	border: 1px solid #ededed!important;
	font-size:14px;
	font-weight: 300;
	/* border-radius: 6px; */
	padding-left: 10px;
	cursor: pointer;
	background-color: #fff!important;
	color:#878787;
}
.sub_Sorting_select select:hover{background-color:#fff;}

.sub_Sorting_input{
	position:absolute;
    right: 0px;
	top: -12px;
	width: 250px;
}

.sub_Sorting_input input{
	position:relative;
	left:0px;
	top:0px;
	box-sizing: border-box;
	height: 50px; 
	width: 100%;
	border: 1px solid #ededed!important;
	font-size:15px;
	font-weight: 300;
	/* border-radius: 6px; */
	padding-left: 10px;
	cursor: pointer;
	letter-spacing:-0.1px;
	background-color: #fff!important;
}

.sub_Sorting_input input::placeholder{
	color:#878787; letter-spacing: normal;
}

.go_search{
	position:absolute;
	right:0px;
	width:50px;
	height:50px;
	text-align:center;
	background-color:#fff;
    border: 1px solid #ededed;
    border-left: none;
	/* border-top-right-radius: 6px; */
	/* border-bottom-right-radius: 6px; */
    outline: none;
    cursor: pointer;
}

.go_search img{
	height: 17px;
    position: relative;
    top: 1px;
}

.consultBtn{
	position: absolute;
    right: 0px;
    bottom: -60px;
    width: 110px;
    height: 36px;
    text-align: center;
    background-color: #333333;
    cursor: pointer;
}

.consultBtn a{
	position: relative;
    top: 5px;
    text-align: center;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #fff;
    width: 100%;
    height: 100%;
}

.consult_input_box {
    position: relative;
    padding-top: 80px;
}

.ci_titleBox{
	width:100%;
	padding-bottom:10px;
	font-size:20px;
	font-weight:600;
	letter-spacing:-1px;
	border-bottom:2px solid #222;
	margin-bottom:20px;
}

.ci_InputBoxWrap{
	width:100%;
	position:relative;
	margin-bottom:80px;
}

.ci_InputBox{
	width:100%;
	display:flex;
	margin-bottom:20px;
}

.ci_InputBox02{
	width:100%;
	display:block;
	margin-bottom:20px;
}

.ciInputItem{
	width:100%;
	position:relative;
	padding-left:70px;
}

.ciMar40{width:120px;}

.ci_text{
	position:absolute;
	left:0px;
	top:0px;
	width:70px;
	height:50px;
	line-height:50px;
	font-size:16px;
	font-weight:500;
	padding-left:0px;
}

.cit{text-align:left;width:120px!important;}
.citpad{padding-left:120px!important;}

.ci_selectBox{
	width:100%;
}

.ci_selectBox select{
	width:100%;
	height:50px;
	border:1px solid #ddd;
	border-radius:6px;
	padding-left:10px;
	font-size:15px;
}

.ci_inputBox{
	width:100%;
}

.ci_inputBox .on_user{
	width:100%;
	height:50px;
	border:1px solid #ddd;
	border-radius:6px;
	padding-left:10px;
	font-size:15px;
}

.ci_inputBox input{
	width:100%;
	height:50px;
	border:1px solid #ddd;
	border-radius:6px;
	padding-left:10px;
	font-size:15px;
}

.ci_inputBox input::placeholder{
	font-size:14px;
	color:#777;
	font-weight:300;
	letter-spacing:-1px;
}

.ci_inputBox textarea{
	width:100%;
	height:180px;
	border:1px solid #ddd;
	border-radius:6px;
	padding:16px 10px 16px 10px;
	font-size:15px;
}

.ci_inputBox textarea::placeholder{
	font-size:14px;
	color:#777;
	font-weight:300;
	letter-spacing:-1px;
}

.ci_radioBox{
	position:relative;
	width:100%;
	text-align:left;
	padding-top: 13px;
}

.ci_radio{
	position:relative;
}

.ci_radio input{
	margin-right:4px;
	position:relative!important;
	left:inherit!important;
}

.ci_radio label{
	font-size:16px;
	margin-right:20px;
	margin-bottom:0px;
	cursor:pointer;
}

/* .ci_radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } */
/* .ci_radio input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } */
/* .ci_radio input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } */
/* .ci_radio input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } */
/* .ci_radio input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; } */
/* .ci_radio input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 13px; height: 13px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); } */

.alerttxt{
	left: 120px;
    position: absolute;
    font-size: 13px;
    letter-spacing: -0.5px;
    color: #3694eb;
    font-weight: 500;
    top: -20px;
}

.input_urlBox{
	width:100%;
	position: relative;
	margin-top:46px;
}

.input_url{
	position: relative;
	box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
    cursor: pointer;
}

.input_url input{
	width:100%;
	height:50px;
	border:1px solid #ddd;
	border-radius:6px;
	padding-left:10px;
	font-size:15px;
}

.input_url input::placeholder{
	font-size:14px;
	color:#777;
	font-weight:300;
	letter-spacing:-1px;
}

.urlBtn{
	position: absolute;
	right:0px;
	top:0px;
	width: 100px;
	height:50px;
	background-color:#fff;
	border:1px solid #222;
	color:#222;
	font-weight:500;
	font-size:15px;
	text-align:center;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	padding-top: 13px;
}

.urlBtn img{
	width: 14px;
	position: relative;
	top:-2px;
	right: 2px;
	max-width:100%;
}

.file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.info_flietext{
	font-size:12px;
	font-weight:400;
	letter-spacing:-1px;
	padding-top:6px;
}

.save_input_urlBox{
	margin-top:10px;
	width:100%;
	position: relative;
	padding: 10px 20px 10px 20px;
	background-color:#f5f8fd;
	border-radius:6px;
}

.save_input_urlBox ul{
	width:100%;
	position: relative;
}

.save_input_urlBox ul li{
	list-style:none;
}

.save_input_urlBox ul li:nth-last-of-type(1){
	border-bottom:none;
}

.save_input_url{
	width:100%;
	position: relative;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	padding-top:10px;
	padding-right: 90px;
}

.siu_text{
	font-size: 13px;
	font-weight:400;
	color:#212121;
}

.url_deleate{
	text-align: center;
    position: absolute;
    right: 0px;
    top: 7px;
    width: 60px;
    height: 26px;
    line-height: 26px;
    background-color: #888;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}


/*-----
#  첨부파일 css 시작
------*/

.file_input_textbox {
    float:left;
    height:29px;
}
.file_input_div {
	text-align: center;
    position: absolute;
    width:70px;
	height:40px;
    overflow:hidden;
	/* margin-left: 10px; */
}
.file_input_div::before{
	content: "첨부하기";
    position: absolute; left: 0; top: 0;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    width: 70px;
    background-color: #666;
    color: #fff;

}
.file_input_img_btn {
	background-color: #999999;
	text-align: center;
	width: 50px;
	height: 40px;
	border-radius:0px;
    display: none;
}

.file_input_img_btn img{
	display: inline-block;
	width: 100%;
}

.file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.file_up_load_box{
	height: 40px;
    width: 100%;
}

.file_up_load_box input{
	height: 40px !important;
	width: 100%;
    background-color: #f7f7f7;
    font-size: 15px;
    margin-left: 80px!important;
    border: none !important;
	font-family: 'Noto Sans KR', sans-serif;
    padding-left: 20px!important;
}
.file_up_load_box input::placeholder{
	color: #999999;
	font-size: 13px;
	font-family: 'Noto Sans KR', sans-serif;
}

/*-----
#  첨부파일 css 끝
------*/

.completeBtnBox{
	width:100%;
	text-align:center;
}

.completeBtn{
    width: 120px;
    height: 50px;
    text-align: center;
    background-color: #222;
    cursor: pointer;
	color:#fff;
}

.cancelBtn{
	width: 120px;
    height: 50px;
    text-align: center;
    background-color: #fff;
	border:1px solid #222;
    cursor: pointer;
	color:#222;
}
.text-center {
    width: 100%;
    text-align: center!important;
    display: block;
	margin-bottom:40px;
}
#html_element{
	display: inline-block;
	text-align:center;
}


@media (max-width: 767px) {
	.cit{
		width: 90px!important;
	}
	.citpad {
		padding-left: 90px!important;
	}
	.ci_radioBox{
		padding-top: 8px;
	}
	.ci_radio label {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.consult_sub_area_box {
		padding-bottom: 80px;
		padding-top: 90px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.consult_input_box {
		position: relative;
		padding-top: 40px;
	}
	.ci_InputBoxWrap {
		margin-bottom: 50px;
	}
	.ci_InputBox{
		display:block;
		margin-bottom: 0px;
	}
	.ciInputItem{
		padding-left: 60px;
		margin-bottom: 14px;
	}
	.ci_titleBox{
		padding-bottom: 8px;
		font-size: 18px;
		margin-bottom: 14px;
	}
	.ci_text {
		letter-spacing:-1px;
		width: 60px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding-left: 0px;
	}
	.ci_selectBox select {
		height: 40px;
		border-radius: 6px;
		padding-left: 10px;
		font-size: 13px;
	}
	.ci_inputBox input {
		height: 40px;
	}
	.ci_inputBox textarea{
		height: 140px;
		padding: 12px 10px 12px 10px;
	}
	.ci_inputBox input::placeholder{
		font-size:11px;
	}
	.ci_inputBox textarea::placeholder{
		font-size:11px;
	}
	.input_url input::placeholder{
		font-size:11px;
	}
	.info_flietext {
		font-size: 10px;
	}
	.urlBtn{
		padding-top: 11px;
		width: 70px;
		height: 40px;
		font-size: 12px;
	}
	.save_input_urlBox{
		padding: 6px 10px 6px 10px;
	}
	.siu_text {
		font-size: 11px;
	}
	.save_input_url{
		padding-bottom: 6px;
		padding-top: 6px;
		padding-right: 60px;
	}
	.url_deleate {
		top: 2px;
		width: 50px;
		height: 24px;
		line-height: 24px;
		font-size: 11px;
	}
	
	
	.file_up_load_box{
		height: 40px;
	}
	.file_up_load_box input{
		padding-left: 20px!important;
		height: 40px !important;
	}
	.file_input_div{
		width: 70px;
		height: 40px;
	}
	.file_input_img_btn{
		width: 40px;
		height: 40px;
	}
	
	.rc-anchor-normal{
		width:auto!important;
	}
	
	
	.m_conliPadT{
		padding-bottom: 50px!important;
	}
	.sub_Sorting_select {
            top: 42px;
            margin-top: 0px;
            width: 100px;
            right: 220px;
	}
	.sub_Sorting_select select{
		padding-left: 4px;
		font-size: 12px;
		height: 40px;
	}
	.sub_Sorting_input{
		top: 42px;
		width: 210px;
	}
	.sub_Sorting_input input{
		padding-left: 10px;
		font-size: 12px;
		height: 40px;
	}
	.go_search{
		width: 40px;
		height: 40px;
	}
	.ss_dap{
		font-size: 11px;
	}
	
	.m_con{
		bottom: -120px!important;
	}
}

/*--------------------------------------------------------------
#  페이징 css
--------------------------------------------------------------*/

.front_paging_line{width: 100%;text-align: center;margin-top: 30px;}
.front_paging_box{display: inline-block; margin: 40px auto 0 auto;}

.prev_page{text-align: center;width: 54px;height: 46px;line-height: 46px;background-color: #ededed;color: #999999;margin-right: 12px;font-size: 15px;font-family: 'Noto Sans KR', sans-serif;cursor: pointer;border: none;}
.next_page{text-align: center;width: 54px;height: 46px;line-height: 46px;background-color: #424242;color: #fff;margin-left: 10px;font-size: 15px;font-family: 'Noto Sans KR', sans-serif;cursor: pointer;border: none;}

.front_paging_number_box{height: 46px;}
.front_paging_number_box ul li{border: 2px solid #fff;display: inline-block; height: 46px;width: 46px;text-align: center;cursor: pointer;padding-top: 10px;font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box;margin-left:-2px;}
.front_paging_number_box ul li:hover{background-color: #ededed;border: 2px solid #ededed;}

.flex_box{display: flex; align-items: center;}
.on_front_paging{position: relative; top: 0px;padding-top:10px!important;font-weight: bold;border: 2px solid black !important;}	
.padB60impor{padding-bottom: 60px!important;}


/*--------------------------------------------------------------
# 게시판 반응형 css
--------------------------------------------------------------*/

@media (max-width: 1200px) {
	.member_sub_area_box{
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 767px) {
	.member_sub_area_box {
		padding-bottom: 80px;
		padding-top: 90px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.info_categoryBox{
		left: 12px;
		top: 20px;
	}
	.info_categoryBox img{
		height: 12px;
		margin-right: 6px;
		top: -2px;
	}
	.info_categoryBox b{
		font-size: 12px;
	}
	.info_categoryBox p{
		font-size: 12px;
		margin-left: 6px;
		margin-right: 6px;
	}
	.inquiry_table_box {
		padding-top: 40px;
	}
	.m_it_padT{padding-top:100px!important;}
	.gallery_item{
		margin-bottom: 20px;
	}
	.gallery_item .gallery_text_box{
		padding-top: 10px;
	}
	.gallery_text_box .gallery_title{
		font-size: 15px;
	}
	.gallery_text_box .gallery_subDay{
		height: 38px;
		line-height: 18px;
		font-size: 13px;
		margin-top: 4px;
	}
	
	
	.ba_gallery_text_box{
		padding-top: 2px;
	}
	.ba_gallery_text_box .ba_gallery_title{
		font-size: 15px;
		padding-bottom: 8px;
	}
	.ba_gallery_title img {
		top: -1px;
		margin-right: 4px;
		width: 20px;
	}

	
	.on_front_paging {
		/* top: 0px; */
		padding-top: 2px!important;
	}
	.front_paging_number_box ul li{
		height: 34px;
		width: 34px;
		padding-top: 2px;
	}
	.next_page, .prev_page{
		top: 0px;
		width: 48px;
		height: 34px;
		line-height: 34px;
		font-size: 12px;
	}
}


/*--------------------------------------------------------------
#  게시판 상세 css
--------------------------------------------------------------*/



.board_Wrap{
	z-index:800;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	padding-bottom: 100px !important;
	border-bottom:1px solid #ededed !important;
	/* background-color: pink; */
}

.board_title_line{
	position: relative !important;
	width: 100% !important;
}

.board_title h2{
	letter-spacing:-1px;
	position: relative !important;
	font-size: 30px !important;
	font-weight: 300 !important;
	color: #212121 !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	border-bottom: 1px solid #ededed !important;
	padding-bottom: 20px !important;
}

.board_title span{
	color: #3b6bb8 !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	display: block !important;
	margin-bottom: 10px !important;
}

.board_title span b{
	position: relative;
    font-size: 18px !important;
    margin-left: 20px;
    color: #ff9845!important;
}

.board_bottomBox{
	padding-top:20px;
	    /* overflow: hidden; */
	box-sizing: border-box;
	position:relative !important;
}

.b_bWriter{
	position: relative !important;
	top: 20px !important;
	letter-spacing: 0.6px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    font-family: 'Noto Sans KR', sans-serif !important;
    color: #999999 !important;
}

.b_Day_countBox{
	/* display: flex !important; */
	position: absolute !important;
	right:0 !important;
	top: 6px !important;
}

.board_Day{
	display:inline-block;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #212121 !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	margin-left: 30px !important;
}

.board_Day span{
	display: inline-block !important;
    letter-spacing: 0.6px !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
	font-family: 'Titillium Web', sans-serif !important;
    color: #999999 !important;
	margin-left: 8px !important;
}

.board_count{
	display:inline-block;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #212121 !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	margin-left: 30px !important;
}

.board_count span{
	display: inline-block !important;
    letter-spacing: 0.6px !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
	font-family: 'Titillium Web', sans-serif !important;
    color: #999999 !important;
	margin-left: 8px !important;
}

.board_innerBox{
	text-align: center !important;
	position: relative !important;
	margin-top: 60px !important;
}

.paper_listBox

.board_innerBox{
	width:100%;
	display:block;
	text-align:center;
}

.board_innerText{
	width:100%;
	display:block;
	text-align:center;
	padding-top: 50px;
}

.board_innerText p{
	display:block;
	font-size: 18px !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	color: #333333 !important;
	font-weight: 300 !important;
	LINE-HEIGHT: 32PX !important;
	letter-spacing: -0.5px !important;
	padding-top:12px !important;
	padding-bottom:12px !important;
	margin-bottom:0px;
}

.board_innerText p Img{
	text-align:center !important;
	max-width: 100% !important;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.board_innerImg img{
	display: inline-block !important;
	max-width:100% !important;
}

.board_bottom_navBox{
	text-align:center;
	position: relative;
	width: 100%;
	margin-top: 60px;
}

.bb_left_item{
	text-align:center;
	position: absolute;
	left:0;
	top: 0;
	width: 130px;
    height: 60px;
	padding-top: 16px;
	border: 1px solid #333333;
	letter-spacing: 0.4px;
	font-size:17px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	cursor: pointer;
}

.bb_center_item{
	display: inline-block;
	width: 60px;
    height: 60px;
	background-color: #333333;
	padding-left: 19px;
    padding-right: 19px;
	padding-top:15px;
	z-index:10;
	cursor: pointer;
}

.bb_line{
	height:2px;
	width:100%;
	background-color: #fff;
	margin-top:4px;
	margin-bottom: 7px;
	z-index:20;
}

.bb_right_item{
	text-align:center;
	position: absolute;
	right:0;
	top: 0;
	width: 130px;
    height: 60px;
	padding-top: 16px;
	border: 1px solid #333333;
	letter-spacing: 0.4px;
	font-size:17px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	cursor: pointer;
}

.padB70{padding-bottom:70px !important;}

.flieLineWrap{
	left: 0px;
    position: absolute;
    display: block;
    text-align: left;
    top: -36px;
}

.flieLine{	
	text-align: left;
    border: 1px solid #ddd;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
	display:inline-block;
}

.flieLine b{
	display:block;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #222 !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	margin-bottom:6px;
}

.board_file{
	display:inline-block;
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #212121 !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	margin-right:20px;
}

.board_file span{
	display:inline-block;
    letter-spacing: -0.5px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
	font-family: 'Titillium Web', sans-serif !important;
    color: #3694eb !important;
	cursor:pointer;
	margin-bottom:2px;
}

@media (max-width: 767px) {
	.board_Wrap{
		padding-bottom: 40px !important;
	}
	.board_title span{
		font-size: 13px !important;
		margin-bottom: 6px !important;
	}
	.board_title span b {
		font-size: 13px !important;
		margin-left: 14px;
		top: 0px;
	}
	.board_title h2{
		font-size: 17px !important;
		padding-bottom: 12px !important;
	}
	.b_Day_countBox{
		top: -4px !important;
	}
	.board_Day{
		font-size: 12px !important;
	}
	.board_Day span{
		font-size: 12px !important;
		margin-left: 6px !important;
	}
	.board_count{
		margin-left: 20px !important;
		font-size: 12px !important;
	}
	.board_count span{
		font-size: 12px !important;
		margin-left: 6px !important;
	}
	.board_innerBox{
		margin-top: 30px !important;
	}
	.board_innerText p {
		font-size: 13px !important;
		LINE-HEIGHT: 20PX !important;
		padding-top: 10px !important;
		padding-bottom: 0px !important;
		margin-bottom:0px;
	}
	.board_inner img {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.board_innerText p img {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.board_bottom_navBox{
		margin-top: 40px;
	}
	.bb_left_item{
		width: 110px;
		height: 50px;
		padding-top: 13px;
		font-size: 15px;
	}
	.bb_right_item{
		width: 110px;
		height: 50px;
		padding-top: 13px;
		font-size: 15px;
	}
	.bb_center_item {
		width: 50px;
		height: 50px;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 11px;
	}
	
	.board_file{
		display:inline-block;
		font-size: 12px !important;
		font-weight: 400 !important;
		color: #212121 !important;
		font-family: 'Noto Sans KR', sans-serif !important;
	}

	.board_file span{
		display: inline-block !important;
		letter-spacing: -0.5px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 28px !important;
		font-family: 'Titillium Web', sans-serif !important;
		color: #3694eb !important;
		margin-left: 8px !important;
		cursor:pointer;
	}
}


/*--------------------
#  로그인 팝업 css
----------------------*/


.login-popup-trigger {
}

.img-replace {/* replace text with an image */display: inline-block;overflow: hidden; text-indent: 100%;color: transparent;white-space: nowrap;}

.login-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	/* overflow-y: scroll; */
    /* overflow-x: hidden; */
}
.login-popup.is-visible {
	z-index: 99999;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}

.login-popup-container {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 58px 0px 0px 0px;
	margin: 0 auto;
	background: inherit;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;
}
.login-popup-container .menu-buttons:after {content: "";display: table;clear: both;}

.login-popup-container .menu-buttons li {float: left;width: 50%;list-style: none;}
.login-popup-container .menu-buttons a {display: block;height: 60px;line-height: 60px;text-transform: uppercase;color: #FFF;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;}
.login-popup-container .menu-buttons li:first-child a {background: #333333;border-radius: 0 0 0 .25em;}

.no-touch .login-popup-container .menu-buttons li:first-child a:hover {background-color: #333333;}
.login-popup-container .menu-buttons li:last-child a {background: #b6bece;border-radius: 0 0 .25em 0;}
.no-touch .login-popup-container .menu-buttons li:last-child a:hover {background-color: #333;}
/* .no-touch .login-popup-container .menu-buttons li:last-child a:hover {background-color: #c5cmenu8;} */

.login-popup-container .login-popup-close {
	text-align: center;
    background-color: unset;
    z-index: 800;
    position: absolute;
	top: -46px;
    right: 0px;
    width: 46px;
    height: 46px;
    overflow: unset!important;
    text-indent: 0%!important;
    padding-top: 7px;
	background-image:url(../img/menuclose.png);
	background-position: center center;
	background-size:28px;
	background-repeat:no-repeat;
}

/* .login-popup-container .login-popup-close::before, .login-popup-container .login-popup-close::after {content: '';position: absolute;top: 11px;width: 30px;height: 1px;background-color: #fff;} */
/* .login-popup-container .login-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 4px;} */
/* .login-popup-container .login-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: -4px;} */

.is-visible .login-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}


.login_menuListBox {
    text-align: center;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    width: 600px;
    /* height: 600px; */
    border-radius: 12px;
    padding: 40px 0px 40px 0px;
}

.info_srvText{
	text-align:center;
	height: 50px;
    width: 100%;
	border-bottom: 2px solid #434343;
	font-size:16px;
	font-weight:400;
	letter-spacing:-1px;
}


@media (max-width: 767px) {
	.login-popup-container{
		padding: 54px 20px 0px 20px;
	}
	.login_menuListBox{
		width:100%;
		padding: 30px 0px 30px 0px;
	}
	.info_srvText {
		height: 40px;
		font-size: 14px;
	}
}


/*--------------------------------------------------------------
# 공지사항 뉴 버전
--------------------------------------------------------------*/


.bcMarLR a:hover{
	text-decoration:none!important;
}

.bcMarLR{
	margin-left:-10px!important;
	margin-right:-10px!important;
}

.bcPadLR{
	padding-right: 10px!important;
    padding-left: 10px!important;
}

.bca_Item{
	text-align:left;
	width:100%;
	position: relative;
	margin-bottom: 50px;
}

.bca_Item:hover .bca_contentTitle{
	text-decoration:underline;
}

.bca_imgBox{
	width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 66%;
    margin-top: 0px;
    margin-bottom: 16px;
}

.bca_img{
	text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	transform: scale(1);
}

.bca_imgBox img {
    position: absolute;
    height: 100%;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}

/* .bca_img{ */
	/* display:flex; */
	/* align-items: center; */
	/* position: absolute; */
    /* left: 0px; */
    /* top: 0px; */
    /* width: 100%; */
    /* height: 100%; */
/* } */

/* .bca_imgBox img { */
	/* transform: scale(1.3); */
    /* width: 100%; */
	/* display: inline-block; */
/* } */


.bca_imgBox:after {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
}

.bca_textBox{
	width:100%;
	/* height:130px; */
	overflow:hidden;
}

.bca_contentTitle {
	display:block;
	text-align:left;
	color: #222;
}

.bca_contentTitle h2{
	letter-spacing:-0.5px;
	line-height: 28px;
    font-size: 18px;
    font-weight: 500;
    color: #212121;
    display: block;
    display: -webkit-box;
    margin: 0 0 12px 0px;
    height: 23px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.bca_SubContent {
    letter-spacing: -0.5px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #888;
    display: block;
    display: -webkit-box;
    margin: 0 0 0px 0px;
    height: 42px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.bca_day{
	position:relative;
	font-size:12px;
	color:#888;
	font-weight:300;
	margin-top:10px;
}

.bca_day b{
	display:inline-block;
	font-weight:300;
}

.cenLine{
	display:inline-block;
	position:relative;
	top:2px;
	width:1px;
	height:12px;
	background-color:#ddd;
	margin-left:20px;
	margin-right:20px;
}



@media (max-width: 1500px){
	.bTop_listWrap{
	}
	.blist_contentWrap{
		padding-left: 60px;
		padding-right: 60px;
	}
	.blist_contentBox{
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 1250px){
	.blog_contentArea{
		min-height: 1040px;
		padding-right: 270px;
	}
	.bcMarLR{
		margin-left:-7px!important;
		margin-right:-7px!important;
	}
	.bcPadLR{
		padding-left:7px!important;
		padding-right:7px!important;
	}
	.bca_textBox{
		height: 124px;
	}
	.bca_contentTitle h2{
		height: 20px;
		line-height: 20px;
		font-size: 17px;
	}
	.bca_SubContent{
		margin: 8px 0 0px 0px;
		line-height: 20px;
		font-size: 13px;
		height:42px;
	}
	
	
	.blog_menuArea{
		width: 220px;
	}
	.blog_searchBox{
		box-sizing: border-box;
		display: block;
		overflow: hidden;
	}
	.resumeS_input{
		width: 220px;
	}
	.b_ClickItem{
		font-size: 14px;
		font-weight: 900;
	}
	.b_bul{
		right: 2px;
	}
	
	.b_tagInner{
		padding: 10px 10px 8px 10px;
	}
	.b_tagInner ul li{
		font-size: 13px;
		padding-left: 26px;
	}
	.b_tagInner ul li:hover{
		padding-left:26px;
	}
	.b_tagInner ul li b{
		top: 52%;
		transform: translateY(-52%);
		-webkit-transform: translateY(-52%);
	}
	
	.b_tagInner ul li:nth-child(1){
		font-size:19px;
		font-weight:700;
	}

	.b_tagInner ul li:nth-child(1) p{
		font-size:19px;
		font-weight:700;
	}

	.b_tagInner ul li:nth-child(2){
		font-size:17px;
		font-weight:700;
	}

	.b_tagInner ul li:nth-child(2) p{
		font-size:17px;
		font-weight:600;
	}

	.b_tagInner ul li:nth-child(3){
		font-size:15px;
		font-weight:700;
	}

	.b_tagInner ul li:nth-child(3) p{
		font-size:15px;
		font-weight:600;
	}
}

@media (max-width: 1140px){

	.bTop_listWrap {

	}
	.blist_contentWrap {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 1024px){
	.blog_contentArea{
		padding-right: 210px;
	}
	.bcMarLR{
		margin-left:-5px!important;
		margin-right:-5px!important;
	}
	.bcPadLR{
		padding-left:5px!important;
		padding-right:5px!important;
	}
	.bca_textBox{
		height: 98px;
	}
	.bca_contentTitle h2{
		line-height: 18px;
		font-size: 14px;
		height: 17px;
	}
	.bca_SubContent{
		margin: 6px 0 0px 0px;
		line-height: 18px;
		font-size: 12px;
		height: 20px;
	}
	
	
	.blog_menuArea{
		width: 190px;
	}
	.blog_searchBox{
		box-sizing: border-box;
		display: block;
		overflow: hidden;
	}
	.resumeS_input{
		width: 190px;
	}
	.resumeS_Btn{
		margin-top:6px;
		float: right;
		margin-left: 0px;
	}
	.b_ClickItem{
		font-size: 13px;
		font-weight: 900;
	}
}

@media (max-width: 991px){

	.bTop_listWrap {
	}
	.blist_contentWrap{
		padding-left: 20px;
		padding-right: 20px;
	}
	.bca_textBox {
		height: 108px;
	}
	.bca_contentTitle h2{
		line-height: 20px;
		font-size: 15px;
	}
	.bca_SubContent{
		line-height: 20px;
		font-size: 13px;
	}
	.welcomeBlogList_Title h1{
		font-size: 50px;
	}
}

@media (max-width: 960px){
	.blog_contentArea {
		min-height: auto;
	}
}

@media (max-width: 767px) {	

	.bTop_listBox{
	    height: 300px;	
	}
	.bTop_listInner{
		height: 300px;	
		padding-left: 14px;
		padding-right: 14px;
	}
	.welcomeBlogList_Title {
		font-size: 14px;
		font-weight: 900;
	}
	.welcomeBlogList_Title b{
		padding: 4px 10px 2px 10px;
		font-size: 12px;
	}
	.welcomeBlogList_Title h1{
		font-size: 22px;
		font-weight: 900;
		margin-top: 12px;
	}

	.blist_contentWrap{
		padding-top: 20px;
		padding-left: 14px;
		padding-right: 14px;
		padding-bottom:80px;
	}
	.blog_contentArea{
		padding-right: 0px;
	}
	.bca_Item{
		margin-bottom: 30px;
	}
	.bca_imgBox{
		margin-bottom: 16px;
	}
	.bca_textBox{
		height:auto;
	}
	.bca_day{
		margin-top: 10px;
	}
	.bc_contentLine {
		padding-top: 30px;
	}
	.bca_contentTitle h2{
		-webkit-line-clamp: 1;
		height: 20px;
		font-size: 16px;
		line-height: 24px;
	}
	.bca_SubContent{
		-webkit-line-clamp: 2;
		height: 44px;
		font-size: 13px;
		line-height: 22px;
	}
	
	
	.mainTypingBox input {
		height: 50px;
		padding-right: 40px;
		padding-left: 15px;
		padding-bottom: 1px;
		font-size: 12px;
	}
	.mainTypingBox input::placeholder{
		text-align:left;
		color: #222222;
		font-size: 10px;
		font-weight: 400;
	}
	.mainTypingBox i {
		position: absolute;
		width: 2px;
		height: 60%;
		background-color: #222;
		left: 11px;
		top: 18%;
		animation-name: blink;
		animation-duration: 1200ms;
		animation-iteration-count: infinite;
		opacity: 1;
	}
	.go_seo {
		width: 40px;
		height: 40px;
		right: 0px;
		top: 5px;
		background-color: inherit;
	}
	.go_seo img {
		height: 20px;
	}
	
	
	.front_paging_line{
		margin-top: 10px;
	}
	
	
	.blog_menuArea{
		top: 0px;
		padding-top: 50px;
		width:100%;
	    position: relative;	
	}
	.b_ClickItem {
		text-align: left;
		font-size: 13px;
		font-weight: 900;
		padding-left: 10px;
	}
	.b_bul {
		top: 24px;
		right: 10px;
	}
	.blog_searchBox{
		display: flex;
	}
	.resumeS_input {
		width: 100%;
	}
	.resumeS_Btn {
		margin-top: 0px;
		float: right;
		margin-left: 7px;
	}
	.b_ClickBox {
		margin-top: 20px;
	}

	.b_tagInner {
		padding: 10px 20px 8px 20px;
	}










	.front_paging_number_box {
		height: 30px;
	}
	.on_front_paging {
		/* top: 0px; */
		padding-top: 4px!important;
	}
	.front_paging_number_box ul li{
		height: 30px;
		width: 30px;
		padding-top: 4px;
	}
	.next_page, .prev_page{
		top: 0px;
		width: 42px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
}