@media screen and (max-width:1180px){
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual li .bg{
		width:100%;
	}
	
	#main .visual .mainVisual li .bg img{
		width:200%;
		margin-left:-50%;
	}
	
	#main .visual .mainVisual li .cont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:50%;
		transform:translateY(-50%);
	}
	
	
	
	#main .visual .mainVisual li .cont .title{
		font-size:40px;
		font-weight:500;
		letter-spacing:-0.7px;
		color:#fff;
	}
	
	
	
	#main .visual .mainVisual li .cont .substance{
		font-size:20px;
		letter-spacing:-0.7px;
		color:#fff;
		margin-top:10px;
	}
	
	
	#main .visual .mainVisual li .cont .buttonArea{
		width:100%;
		margin-top:2.5em;

	}
	
	#main .visual .mainVisual li .cont .buttonArea .backBTN{
		background:#fff;
		border:1px solid #fff;
		border-radius:5px;
		padding:12px 30px;
		display:inline-block;
	}
	
	#main .visual .mainVisual li .cont .buttonArea .borBTN{
		border:1px solid #fff;
		border-radius:5px;
		padding:12px 30px;
		display:inline-block;
	}
	
	#main .visual .mainVisual li .cont .buttonArea div .ico{
		width:15px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#main .visual .mainVisual li .cont .buttonArea div .ico img{
		width:100%;
	}
	
	#main .visual .mainVisual li .cont .buttonArea div .text{
		font-size:14px;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}
	
	
	#main .visual .mainVisual li .cont .buttonArea .backBTN .text{
		color:#2e6bab;
	}
	
	#main .visual .mainVisual li .cont .buttonArea .borBTN .text{
		color:#fff;
	}
	
	
	
	
	#main .shortcutArea{
		width:94%;
		margin:4em auto 4em;
	}
	
	#main .shortcutArea .inner{
		width:100%;
		display:inline-block;
	}
	
	#main .shortcutArea .inner .callCenter{
		width:50%;
		display:inline-block;
		float:left;
	}
	
	#main .shortcutArea .inner .callCenter .callIco{
		width:50px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#main .shortcutArea .inner .callCenter .callIco img{
		width:100%;
	}
	
	#main .shortcutArea .inner .callCenter .callInfo{
		width:60%;
		display:inline-block;
		vertical-align:middle;
		margin-left:30px;
		font-size:16px;
		line-height:26px;
		font-family:'roboto','noto sans kr';
	}
	
	#main .shortcutArea .inner .callCenter .callInfo .subj{
		width:25%;
		display:inline-block;
		vertical-align:top;
		font-size:13px;
		color:#777;
	}
	
	#main .shortcutArea .inner .callCenter .callInfo .subs{
		width:73%;
		display:inline-block;
		vertical-align:top;
		font-size:13px;
		color:#444;
	}
	#main .shortcutArea .inner .shortcut{
		width:50%;
		display:inline-block;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList{
		width:100%;
		display:inline-block;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList li{
		width:25%;
		display:inline-block;
		float:left;
		border-right:1px solid #e5e5e5;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	

	
	#main .shortcutArea .inner .shortcut .shortcutList li .ico{
		width:40px;
		margin:0 auto;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList li .ico img{
		width:100%;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList li .text{
		font-size:13px;
		text-align:center;
		margin-top:10px;
		letter-spacing:-0.7px
	}
}












@media screen and (max-width:767px){

	.Visualpc{display:none!important;}
	.Visualmo {display:block!important;}
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual li .bg{
		width:100%;
	}
	
	#main .visual .mainVisual li .bg img{
		width:200%;
		margin-left:-50%;
	}
	
	#main .visual .mainVisual li .cont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:50%;
		transform:translateY(-50%);
	}
	
	
	
	#main .visual .mainVisual li .cont .title{
		font-size:30px;
		font-weight:500;
		letter-spacing:-0.7px;
		color:#fff;
	}
	
	
	
	#main .visual .mainVisual li .cont .substance{
		font-size:14px;
		letter-spacing:-0.7px;
		color:#fff;
		margin-top:0.5em;
		margin-left:5px;
	}
	
	
	#main .visual .mainVisual li .cont .buttonArea{
		width:100%;
		margin-top:2.5em;
		margin-left:5px;
	}
	
	#main .visual .mainVisual li .cont .buttonArea .backBTN{
		background:#fff;
		border:1px solid #fff;
		border-radius:5px;
		padding:10px 30px;
		display:inline-block;
		margin-bottom:10px;
	}
	
	#main .visual .mainVisual li .cont .buttonArea .borBTN{
		border:1px solid #fff;
		border-radius:5px;
		padding:10px 30px;
		display:inline-block;
	}
	
	#main .visual .mainVisual li .cont .buttonArea div .ico{
		width:15px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#main .visual .mainVisual li .cont .buttonArea div .ico img{
		width:100%;
	}
	
	#main .visual .mainVisual li .cont .buttonArea div .text{
		font-size:14px;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
	}
	
	
	#main .visual .mainVisual li .cont .buttonArea .backBTN .text{
		color:#2e6bab;
	}
	
	#main .visual .mainVisual li .cont .buttonArea .borBTN .text{
		color:#fff;
	}
	
	
	
	
	#main .shortcutArea{
		width:94%;
		margin:4em auto 4em;
	}
	
	#main .shortcutArea .inner{
		width:100%;
		display:inline-block;
	}
	
	#main .shortcutArea .inner .callCenter{
		width:100%;
		display:inline-block;
		clear:both;
	}
	
	#main .shortcutArea .inner .callCenter .callIco{
		width:50px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#main .shortcutArea .inner .callCenter .callIco img{
		width:100%;
	}
	
	#main .shortcutArea .inner .callCenter .callInfo{
		width:70%;
		display:inline-block;
		vertical-align:middle;
		margin-left:20px;
		font-size:16px;
		line-height:24px;
		font-family:'roboto','noto sans kr';
	}
	
	#main .shortcutArea .inner .callCenter .callInfo .subj{
		width:25%;
		display:inline-block;
		vertical-align:top;
		font-size:13px;
		color:#777;
	}
	
	#main .shortcutArea .inner .callCenter .callInfo .subs{
		width:73%;
		display:inline-block;
		vertical-align:top;
		font-size:13px;
		color:#444;
	}
	#main .shortcutArea .inner .shortcut{
		width:100%;
		display:inline-block;
		margin-top:4em;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList{
		width:100%;
		display:inline-block;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList li{
		width:50%;
		display:inline-block;
		float:left;
		border-right:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		padding:20px 0px;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList li:nth-child(3),
	#main .shortcutArea .inner .shortcut .shortcutList li:nth-child(4){
		border-bottom:0px solid #e5e5e5;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList li:nth-child(2n){
		border-right:0px solid #e5e5e5;
	}
	
	

	
	#main .shortcutArea .inner .shortcut .shortcutList li .ico{
		width:40px;
		margin:0 auto;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList li .ico img{
		width:100%;
	}
	
	#main .shortcutArea .inner .shortcut .shortcutList li .text{
		font-size:13px;
		text-align:center;
		margin-top:10px;
		letter-spacing:-0.7px
	}
}