/* 반응형******************************************************************/

@media (max-width:1280px) {
	.pc-gnb #gnb .gnb > li{
	width:13%;
	}

	.pc-gnb #gnb ul li.logo2{
	left:10px;
	margin-left:0;
	width:120px;
	}
	
	.pc-gnb #gnb ul li.logo2 img{
	width:100%;
	}
	.pc-gnb #gnb ul li.logo2 > a:after{
	display:none;
	}
	.info{display:flex;}
	.info#info-tel{margin-bottom:20px; width:100%;}
	.info#info-time{margin-left:0;}
	.info{width:100%;}
	.info h2{flex-shrink: 0;}
	.it-table{display:block; flex-grow: 1;}

	.tnb{right:10px;}
    .login-out{
    left:auto;
    right:2%;
    margin-left:0;
    }

}

@media (max-width:1024px) {
	header{
	height:100px;
	line-height:80px;
	position:relative;
	}
	.header-area{
	height:inherit;
	line-height:inherit;
	margin-top:50px;
	}
	.header-logo{
	left:10px;
	margin-left:0;
	}
	.header-logo img{
	width:220px
	}
    
    .login-out{
    display:none;
    }
    .login-out.on{
    display:flex;
    justify-content: center;
    z-index:9999999999;
    background:#fff;
    width:280px;
    right:0;
    top:0;
    height:40px;
    background:#0c3aae;
    }
    .login-out.on a{
    color:#fff;
    }
    .login-out.on span{
    background:rgba(255,255,255,0.2);
    }

	.gnb-open-btn{
	display:block; 
	position:absolute; 
	right:15px; 
	top:50%;
	margin-top:-26px;  
	z-index:300000; 
	width:50px; 
	height:50px; 
	line-height:54px !important; 
	text-align:center; 
	font-size:30px; 
	color:#fff;
	background:#0d1c43;
	border-radius:99999px;
	}

	.gnb-open-btn i,
	.gnb-close-btn i{
		line-height:36px !important; 
	}

	.gnb-close-btn{display:block; position:absolute; top:0; right:280px; width:40px; height:40px; line-height:40px; text-align:center; background:#0d2a75; font-size:20px; color:#fff; z-index:9999999}
	/*sidemenu*/
	#sidebar{position:fixed;top:0;bottom:0; display:none; right:-200px; z-index:9999999; -webkit-transition: right 1s;  transition: right 1s; width:auto; overflow:visible; background:#0c3aae; padding-top:40px;}
	#sidebar .gnb{position:relative; z-index:55; width:280px; left:auto; right:0; overflow-x:hidden; overflow-y:auto; height:100%; background:#0d1c43;}
	#sidebar .gnb > li{display:block; width:100%;}
	#sidebar .gnb > li > a{line-height:40px;  display:block; box-sizing:border-box; padding:0 20px; color:#fff; border-bottom:1px rgba(255,255,255,0.1) solid;}
	#sidebar ul li li > a{display:block;border-bottom:1px solid rgba(255,255,255,0.05);font-size:15px;color:rgba(255,255,255,0.7); background:rgba(0,0,0,0.3); padding:10px 20px; height:20px; line-height:20px; font-weight:300;}
	.sidebg{position:fixed; height:150%; background:rgba(0,0,0,0.5); width:100%; top:0; right:0; z-index:44;}
	.mobile-gnb{display:block;}
	.pc-gnb{display:none;}
	.mo-depth2{display:block; background:rgba(255,255,255,0.2)}
	.mo-depth2 a{display:block;color:rgba(255,255,255,0.7); padding:9px 20px; border-top:1px dashed rgba(255,255,255,0.1); font-size:0.875rem;} 
	.mo-depth2 a:first-child{border-top-width:0;}
	.depth2-tab li{display:none;}
	#sidebar .gnb > li.logo2{
	display:none;
	}

	.tnb{
	right:74px;
    margin-top:-25px;
	}

	.tnb a{
	font-size:0;
	width:50px;
	height:50px;
	background-size:cover;
	padding:0;
	overflow:hidden;
	background-color:#be3223;
	border-radius:99999px;
	text-align:center;
	}
	.tnb a img{width:35px;}

	.visual-img-bg img{
	width:100%;
	left:0;
	margin-left:0;
	}
	#visual .slick-arrow{
	left:10px;
	}
	#visual .slick-arrow.slick-next{
	right:10px;
	}

	.header-slide{
	display:none;
	}

	#right-quick{
	display:none;
	}

	@keyframes slidein {
	from {
		opacity:0;
		right:0;
	}
	
	to {
		opacity:1;
		right:0px;
	}
	}

	.staff-list .slick-track{
	
	}
	.staff-list .slick-track .slick-slide{
	width:auto;
	flex-grow: 1;
	}
	.staff-list .slick-list{padding:0 !important;}
	.vit-box p{width:60%; max-width:500px; margin:0 auto;}
	.vit-box img{width:100%;}
	#visual .slick-active .visual-img-text p.vb-t2{margin-top:10px;}
	.visual-pc{
	display:none;
	}
	.visual-mo{
	display:block;
	}
	
	
	#board{padding:50px 0;}
	#board .board-area{flex-wrap:wrap;}
	#board section{width:49%;margin-bottom:10px; height:auto;}

	.mohw-banner-area{padding-left:0; text-align:center; word-break:keep-all;}
	.mohw-banner-area h2{position:unset; margin:0 auto 20px;}

	.customer-box{padding:30px 0;}

	.item-tab{flex-wrap:wrap;}
	.item-tab li{width:50%;}
	.item-tab li.item-tab3:after{display:none;}

	.sb-tit h2 img{
	width:220px;
	}
	.sb-tit{
	font-size:17px;
	word-break:keep-all;
	}

	.sb-area .s13-ul li{
	width:180px;
	height:180px;
	margin-bottom:10px;
	}
	.sb-area .s13-ul li > div span img{
	width:35px;
	}
	.sub-bottom{
	padding-top:30px;
	}
	
	#img-banner{
	flex-wrap: wrap;
	}
	#img-banner a{
	flex: 1 1 40%;
	}
	
	.board-box li{
	width:45%;
	height:65%;
	}
	.board-box li:nth-child(1){
	}
	
	.board-box{
	width:48%;
	}
	
	.event-box{
	width:48%;
	}
	
	.event-box a{
	padding-top:96%;
	border:1px #eaeaea;
	}
	
	.main-section-tit{
	padding-top:30px;
	margin-bottom:20px;
	}
	.m-section-box{
	padding-bottom:30px;
	}
	
	.top-num-box{
	position:fixed;
	top:0;
	z-index:999;
	width:100%;
	background-color:#cc3f30;
	text-align:center;
	padding:0;
	line-height:1em;
	}
	
	.top-num, .top-num.tnFixed{
	position:unset;
	display:inline-block;
	background-size:35px 70px;
	background-position:0px 30%;
	background-color:transparent;
	box-shadow: 0 0 0;
	border:0;
	height:50px;
	line-height:50px;
	padding:0;
	padding-left:45px;
	color:#fff;
	width:auto;
	font-size:16px;
	}
	.top-num.tnFixed p br{
	display:none;
	}
	.top-num p, .top-num div{
	display:inline-block;
	}
	.top-num p span, .top-num div span{
	color:#fff;
	}
	.top-num div{
	margin-top:0;
	font-size:20px;
	}
	.top-num div span{
	display:inline-block;
	margin-left:5px;
	}
	.top-num.tnFixed div{
	margin-top:0;
	}
	
	.it-div2{padding-left:0;}
	
	#board3 .board-box .slick-list{width:85%; margin:0 auto;}
	#board3 .board-box .slick-arrow{left:0px; font-size:32px;}
	#board3 .board-box .slick-arrow.slick-next{right:0px;}
}

@media (max-width:768px) {
	body, th, td, input, select, textarea, button{
	font-size:14px;
	}

    
    .gnb-open-btn{
    width:35px;
    height:35px;
    line-height:35px !important;
    font-size:20px;
    margin-top:-17px;
    }
    .tnb a{
    width:35px;
    height:35px;
	line-height:35px;
    }
    .tnb{
    right:55px;
    margin-top:-17px;
    }
	.tnb a img{vertical-align:middle; width:25px;}
    .header-logo{
    width:auto;
    }
    .header-logo img{
    width:200px;
    }
	
	#board section{width:100%; margin-left:0;}

	.mohw-banner-area h2{width:95%; max-width:350px;}
	.mohw-banner-area p{word-break:keep-all; line-height:1.25em; font-size:18px;}
	.mohw-banner-area p br{display:none;}
	.mohw-banner-area p img{width:150px;}

	.info h2{    display: block;
		width: 100%;
		height: auto;
		text-align: center;
		padding-top: 0;
		padding: 10px 0;
		background-size: 30px;
		border-radius: 9999px;
		background-position: 40% 50%;
		box-sizing: border-box;
		padding-left: 15%;}
	.it-div1{display:block; width:100%; padding-left:0; text-align:center;}
	.it-table{display:block; width:100%;}
	.it-div2{
	position:fixed;
	z-index:99999999999999;
	bottom:20px;
	display:block;
	padding-left:0;
	margin-left:0;
	width:96%;
	}
	.it-div2 a{
	width:100%;
	box-sizing:border-box;
	text-align:center;
	padding-left:80px;
	background-position: 40% 50%, 0px 0%;
	}
	.it-div2 a.it-sns1{
	background-position: 40% 50%, 0px 0%;
	}
	.it-table, .it-table tbody, .it-table tr{
	display:block;
	}
	.it-div2 a.it-sns3{
	background-position: 40% 50%, 0px 0%;
	}
	.it-table, .it-table tbody, .it-table tr{
	display:block;
	}



	.it-table th, .it-table td{
	display:inline-block;
	width:48%;
	padding:5px 0;
	box-sizing:border-box;
	}

	.it-table td{
	text-align:right;
	}

	.it-table td.mo-left{
	text-align:left;
	}
	
	
	.foot-area{
	background-size:100px 40px; padding-top:60px; padding-bottom:160px;
	}
	.foot-info p{font-size:14px;}

    .item-tab li{width:100%; border-top:1px #dccccb dashed; padding-top:20px; padding-bottom:20px; padding-left:90px; background-size:50px;}
	.item-tab li:after{display:none;}

	.main-tit3,
	.main-tit1{font-size:24px; display:block;}
	.main-tit2{word-break:keep-all; font-size:15px; padding:0 20px;}

	#staff{padding:30px 0; }

	.sl-img{display:block; width:100%;}
	.staff-list img{margin:0 auto;}
	.staff-list{margin-top:10px;}
	.staff-list dt{font-size:15px;}
	.staff-list dl{display:block; width:100%; padding-left:0; padding-top:10px;}
	.staff-list .slick-track .slick-slide{}
	.staff-list ol, .staff-list li{font-size:13px;}

	#board section{padding:20px;}





	/*sub*/
	.sub-top{height:150px;}
	.sub-top-title{font-size:16px; word-break: keep-all;}
	.sub-top-title h2{font-size:32px;}
	.sub-top-title p:after{display:none;}
	.sc-tit{margin:30px 0 0; font-size:16px;}
	.sc-tit p{font-size:32px; margin-top:0;}
	.PCC{display:none;}
	/*.sub-contents{padding-bottom:40px;}*/
	.mobile-contents{display:block; width:96%; margin:0 auto; padding:20px 0 50px;}
	.ma50{margin-top:20px;}


	.sub15-box{display:block;}
	.s15b-img{width:100%; display:none;}
	.s15b-text{width:100%; padding:0;}
	.dl-type1 dt{font-size:1.1em; margin-top:20px;}
	.dl-type1 dd{font-size:1.05em;}
	.sc-top1{font-size:25px;}
	.sc-top1 strong{font-size:1.1em;}

	.user-box{padding:25px; border-radius:25px;}
	.ub-form{padding-top:10px;}
	.ub-form li input{width:250px;}
	.ub-form li span{font-size:18px; line-height:35px;}
	.ub-form li{display:block; margin-bottom:10px;}
	.ub-form li input{width:100%;}
	.ub-tit{font-size:28px; margin-bottom:10px;}
	.ub-text{margin-top:20px; font-size:18px;}
	.user-box input[type="submit"]{font-size:18px;}
	.ub-gallery input[type="submit"]{width:180px; margin-top:15px;}
	
	#img-banner a{
	flex: 1 1 100%;
	}
	
	.main-section-tit p{
	font-size:24px;
	font-weight:700;
	}
	
	.main-section-tit img{
	max-width:65px;
	}
	
	.board-box{
	width:100%;
	}
	.event-box{
	width:100%;
	margin-top:20px;
	}
	
	.info{display:block;}
}

@media (max-width:600px) {

  
}