@charset "utf-8";
@import url("default.css");
@import url("common.css");
@import url("board.css");

#mainWrap {padding-left:230px; position:relative; min-width:1200px;  box-sizing:border-box;}
#mainVisual {text-align:center; background:#3d3d3d; height:690px; position:relative; margin-right:230px;}
#mainVisual p {text-align:center; position:absolute; top:50%; margin-top:-180px; left:0; width:100%; z-index:4;}
#mainVisual ul {position:absolute; top:0; right:-230px;height:100%; z-index:5;}
#mainVisual ul li {width:230px;height:33.33%;box-sizing:border-box; background:#ddd; display:table;}
#mainVisual ul li.first {background:#96161c;}
#mainVisual ul li.last {background:#3b3b3b; height:33.34%;}
#mainVisual ul li:after {content:""; display:block;}
#mainVisual ul li a {display:table-cell; vertical-align:middle; text-align:center;}
#mainVisual ul li a span {display:block;}
#mainVisual ul li a .tit {font-size:20px; font-weight:500; letter-spacing:-1px; padding-bottom:10px; color:#333;}
#mainVisual ul li a .con {font-size:13px; font-weight:400; letter-spacing:-1px; line-height:1.3; color:#555;}
#mainVisual ul li a .img {padding-top:20px;}
#mainVisual ul li.first .tit {color:#fff;}
#mainVisual ul li.first .con {color:#ffbbbe;}
#mainVisual ul li.last .tit {color:#fff;}
#mainVisual ul li.last .con {color:#999;}
#mainVisual ul li a {transition:all 0.2s;}
#mainVisual ul li a:hover {background:#fff; transition:all 0.2s; box-shadow:inset 0px 0px 5px rgba(0,0,0,0.5);}
#mainVisual ul li.first a:hover {background:#b3181f;}
#mainVisual ul li.last a:hover {background:#222;}
#mainVisual .imgArea {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;}
#mainVisual .imgArea {display:none;}
#mainVisual .imgArea.first {display:block;}
#mainVisual ol {position:absolute; bottom:25px; left:0; width:100%; text-align:center; display:none;}
#mainVisual ol li {text-indent:-9999px; display:inline-block; width:12px; height:12px; box-sizing:border-box; border:2px solid #fff; border-radius:99px; margin:0 3px; cursor:pointer;}
#mainVisual ol li.active {background:#fff;}

#mainContents {height:260px; padding:0 70px}
#mainContents .box {float:left; width:33.333%; box-sizing:border-box; box-sizing:border-box; /* border:1px solid #000; */ padding-right:75px; position:relative;}
#mainContents .box.center {width:33.334%;}
#mainContents .box.last {padding-right:0;}
#mainContents .box h3 {font-size:22px; color:#1f1f1f; font-weight:700; padding-bottom:17px; padding:45px 0 17px 0;}
#mainContents .notice ul {line-height:1.9;}
#mainContents .notice ul li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:70px;}
#mainContents .notice .btnMore {position:absolute; top:37px; right:76px; border:1px solid #bfbfbf; width:34px; height:34px; text-align:center; line-height:30px; font-size:24px; color:#aaa; transition:all 0.2s;}
#mainContents .notice .btnMore:hover {background:#b3181f; color:#fff; border-color:#b3181f; transition:all 0.2s;}
#mainContents .last {}
#mainContents .last ul {position:relative; top:-5px;}
#mainContents .last li {text-align:center;}
#mainContents .last li.tel {font-size:34px; font-weight:900; color:#b3181f; letter-spacing:-0.5px; margin-bottom:12px;}
#mainContents .last li.time {font-size:20px; font-weight:300; color:#3d3d3d; letter-spacing:-0.5px; margin-bottom:18px;}
#mainContents .last li a {display:inline-block; width:134px; height:34px; border:1px solid #3b3b3b; font-size:16px; font-weight:400; line-height:33px; transition:all 0.3s; color:#333;}
#mainContents .last li a:hover {background:#b3181f; color:#fff; border-color:#b3181f; transition:all 0.3s;}


/********** 화면 너비가 31600px 이하일 때에만 아래 코드를 실행 **********/
@media only all and (max-width:1600px) {
	#mainVisual {height:620px;}
	#mainVisual p {margin-top:-160px;}
	#mainVisual p img {width:800px;}
}

@media only all and (max-width:1400px) {
	#mainVisual {height:600px;}
	#mainVisual p {margin-top:-140px;}
	#mainVisual p img {width:700px;}
}