@charset "utf-8";

/* 메인페이지 스타일만 정의 */

.main {}

/* ************************ PC (992~) ************************ */
@media screen and (min-width: 992px) {

	/* visual */
	.visual {height:470px; text-align:center;}
	.visual .slider {}
	.visual .sliderObj {}
	.visual .sliderObj li {}
	.visual-inner {width:1200px; margin:100px auto; position:relative;}
	.visual-inner-left {}
	.visual-inner-left h2 {margin-top:-9px; padding-bottom:10px; line-height:1.3; font-size:36px; color:#0099ff; font-weight:bold; font-family:'Arial';}
	.visual-inner-left p {color:#fff; letter-spacing:-.5px;}
	.visual-inner-left-menu {padding-top:52px; line-height:1;}
	.visual-inner-left-menu h4 {padding-bottom:10px; font-size:24px; font-weight:500; color:#0099ff; letter-spacing:-.5px;}
	.visual-inner-left-menu ul {display:inline-block; overflow:hidden; border-left:1px solid; border-top:1px solid; border-color: rgba(255,255,255,.5);}
	.visual-inner-left-menu ul li {float:left; border-right:1px solid; border-bottom:1px solid; border-color: rgba(255,255,255,.5);}
	.visual-inner-left-menu ul li a {display:block; padding:11px 15px; color:#fff; letter-spacing:-.5px; font-weight:400; line-height:1; background:rgba(0,0,0,.5);}
	.visual-inner-left-menu ul li:hover a {background:#0099ff;}
	
	/* mainWrap */
	.mainWrap {width:1200px; margin:70px auto; text-align:center;}
	.mainWrap h3 {font-size:36px; color:#ea6b17; position:relative; padding-bottom:30px; margin-bottom:20px;}
	.mainWrap h3:before {content:''; display:block; width:50px; height:5px ; background:#ea6b17; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
	.mainWrap p {}
	.mainWrap p+p {margin-top:10px;}
	
	
}




/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* visual */
	.visual {text-align:center;}
	.visual .slider {}
	.visual .sliderObj {}
	.visual .sliderObj li {}
	.visual-inner {padding:50px 20px; position:relative;}
	/* .visual-inner>div {float:left; width:50%;} */
	.visual-inner-left {margin-bottom:50px;}
	.visual-inner-left h2 {padding-bottom:10px; line-height:1.3; font-size:32px; color:#0099ff; font-weight:bold; font-family:'Arial';}
	.visual-inner-left p {color:#fff; letter-spacing:-.5px;}
	.visual-inner-left-menu {padding-top:30px; line-height:1;}
	.visual-inner-left-menu h4 {padding-bottom:10px; font-size:24px; font-weight:500; color:#0099ff; letter-spacing:-.5px;}
	.visual-inner-left-menu ul {display:inline-block; overflow:hidden; border-left:1px solid; border-top:1px solid; border-color: rgba(255,255,255,.5);}
	.visual-inner-left-menu ul li {float:left; border-right:1px solid; border-bottom:1px solid; border-color: rgba(255,255,255,.5);}
	.visual-inner-left-menu ul li a {display:block; padding:11px 15px; color:#fff; letter-spacing:-.5px; font-weight:400; line-height:1; background:rgba(0,0,0,.5);}
	.visual-inner-left-menu ul li:hover a {background:#0099ff;}
	
	/* mainWrap */
	.mainWrap {padding:50px 20px; text-align:center;}
	.mainWrap h3 {font-size:32px; color:#ea6b17; position:relative; padding-bottom:30px; margin-bottom:20px;}
	.mainWrap h3:before {content:''; display:block; width:50px; height:3px ; background:#ea6b17; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
	.mainWrap p {}
	.mainWrap p+p {margin-top:10px;}
	
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.visual-inner {padding:30px 20px;}
	.visual-inner-left {margin-bottom:30px;}
	.visual-inner-left h2 {font-size:27px; padding-bottom:5px;}
	.visual-inner-left-menu {padding-top:20px;}
	.visual-inner-left-menu h4 {font-size:21px;}
	.visual-inner-left-menu ul li {width:50%;}
	
	/* mainWrap */
	.mainWrap {padding:30px 20px;}
	.mainWrap h3 {font-size:27px; padding-bottom:20px; margin-bottom:13px;}
	.mainWrap h3:before {width:40px;}
	
	
	
	
}