@charset "utf-8";
/* 메인페이지 스타일만 정의 */


/*전체공통*/
.only-mobile {display:none !important;}



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

	/*공통::*/
	.headerH {height:80px;}
	section[class*="main"] {max-width:100%;}
	.main .slider div[class*="-wrap"] {z-index:99; position:relative;}

	/*레이아웃 분할*/
	.main>div[class*="part-"] {float:left;}
	.main>div.part-left {width:calc(100% - 620px);}
	.main>div.part-right {width:620px;}

	
	/* ***** 왼쪽 시작 ***** */
	/*개별::슬라이더*/
	.main .visual {position:relative; display:block; overflow:hidden; max-width:100%; height:1320px;}
	.main .visual:before {position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,228,255,.12); display:block; content:""; z-index:1;}
	.main .visual .sliderObj li {opacity:0; image-rendering:-webkit-optimize-contrast;}
	.main .visual .sliderObj li:first-child {opacity:1;}
	.main .visual .sliderObj li.on {opacity:1;}

	.main .visual .txt-wrap {color:#fff; padding:340px 10vw 0; text-align:center; text-shadow:3px 0 3px rgba(0,0,0,.1);}
	.main .visual .txt-wrap>* {padding:0 6vw; word-break:keep-all;}
	.main .visual .txt-wrap h2 {font-family:'HSSummer'; font-size:5.25vw; letter-spacing:0; line-height:1.6; text-shadow:15px 10px 3px rgba(0,0,0,.1);}
	.main .visual .txt-wrap h2 .acc {color:#00e4ff;}
	


	/* ***** 오른쪽 박스들 시작 ***** */
	/*박스별 공통*/
	.main .link-Box {padding-left:50px; padding-right:50px;}
	.main .link-Box h3.tit {font-weight:500; font-size:30px; letter-spacing:-1px; line-height:1.2;}
	.main .link-Box p.tit-next {font-weight:300; font-size:16px; margin-top:15px; line-height:1.6; word-break:keep-all;}
	.main .link-Box .titWrap.color-black .tit,
	.main .link-Box .titWrap.color-black .tit-next {color:#000;}
	.main .link-Box .titWrap.color-white .tit,
	.main .link-Box .titWrap.color-white .tit-next {color:#fff;}

	.main .link-Box .titWrap.include-moreBtn {position:relative;}
	.main .link-Box .titWrap.include-moreBtn h3 {padding-right:50px;}
	.main .link-Box .titWrap.include-moreBtn>a {
		position:absolute; top:0; right:0; width:30px; height:30px; border:1px solid rgba(255,255,255,.6);
		background-image:url(../images/main/i-more.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	.main .link-Box .titWrap.include-moreBtn>a:hover {background-color:rgba(255,255,255,1); background-image:url(../images/main/i-more-on.png);}

	/*첫째단*/
	.main .row-1-wrap {width:100%;}
	.main .row-1-wrap>* {float:left;}
	.main .row-1-wrap .slider.photo {z-index:11; width:460px; height:620px; position:relative;}
	.main .row-1-wrap article.quick {width:calc(100% - 460px); height:620px;}
	
	/*포토앨범::*/
	.main .slider.photo .tit-wrap {position:absolute; top:40px; left:50px; color:#fff; z-index:99999;}
	.main .slider.photo .tit-wrap h3.tit {font-size:30px; font-weight:500; letter-spacing:-1px;}
	.main .slider.photo .tit-wrap p.tit-next {font-size:16px; margin-top:20px;}
	.main .slider.photo .sliderObj {background-color:#fff; width:100%; height:100%;}
	.main .slider.photo ul li a {position:relative;}
	.main .slider.photo ul li a:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(35,120,255,.2);}
		
	.main .slider.photo .no-img .txt-wrap {display:table; width:100%; height:100%;}
	.main .slider.photo .no-img .txt-wrap>div {display:table-cell; vertical-align:bottom; text-align:right; padding:40px 50px; background:#2378ff url(../images/test/no-img.png)no-repeat center;}
	.main .slider.photo .no-img .txt-wrap>div span {color:#fff; display:block; line-height:1.2; letter-spacing:0; font-size:14px;}

	/*퀵메뉴::*/
	.main article.quick ul li a {
		display:block; height:155px; text-align:center; border-top:1px solid #e9e9e9;
		font-size:16px; color:#000; padding:110px 20px 0;
		background-repeat:no-repeat;
		background-position:center 30px;
		position:relative;
	}
		/*아이콘*/
		.main article.quick ul li:nth-child(1) a {background-image:url(../images/icon/quick-01.png);}
		.main article.quick ul li:nth-child(2) a {background-image:url(../images/icon/quick-02.png);}
		.main article.quick ul li:nth-child(3) a {background-image:url(../images/icon/quick-03.png);}
		.main article.quick ul li:nth-child(4) a {background-image:url(../images/icon/quick-04.png);}
		
	.main article.quick ul li:nth-child(odd) a {background-color:#eee;}
	.main article.quick ul li:nth-child(even) a {background-color:#f9f9f9;}

	.main article.quick ul li a:before {
		content:"+더보기"; display:block; width:100%; height:100%; position:absolute; top:0; left:0; padding-top:calc(50% - 15px);
		font-family:'HSSummer'; font-size:20px;
		background:transparent; color:transparent;
		transition-duration:.3s !important;
		
	}
	.main article.quick ul li a:hover:before {
		 background:rgba(0,0,0,.65); color:#fff;
	}
	
	
	/*알림마당::*/
	.link-Box.notice {
		background-color:#0b48b6;
		background-image:url(../images/main/bg-notice.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:100%;
		padding-top:60px;
		padding-bottom:140px;
		height:700px;
	}
	.link-Box.notice .titWrap {position:relative;}
	.link-Box.notice .titWrap>article {position:absolute; top:0; right:0;}
	.link-Box.notice .titWrap>article a {
		float:left;
		padding:10px 40px 10px 20px; line-height:1; border:1px solid #4b7cd3; border-right:0;
		font-size:16px; color:rgba(255,255,255,.8); font-weight:300;
		background-repeat:no-repeat;
		background-position:calc(100% - 20px) center;
	}
	.link-Box.notice .titWrap>article a:last-child {border-right:1px solid #4b7cd3;}
	
	.link-Box.notice .titWrap>article a.i-notice {background-image:url(../images/icon/i-notice.png);}
	.link-Box.notice .titWrap>article a.i-notice:hover {background-image:url(../images/icon/i-notice-on.png);}
	.link-Box.notice .titWrap>article a.i-paper {background-image:url(../images/icon/i-paper.png);}
	.link-Box.notice .titWrap>article a.i-paper:hover {background-image:url(../images/icon/i-paper-on.png);}
	.link-Box.notice .titWrap>article a.i-food {background-image:url(../images/icon/i-food.png);}
	.link-Box.notice .titWrap>article a.i-food:hover {background-image:url(../images/icon/i-food-on.png);}
		
	.link-Box.notice>ul {margin-top:45px;}
	.link-Box.notice>ul li {line-height:1;}
	.link-Box.notice>ul li a {
		display:inline-block; width:100%; padding:30px 100px 30px 30px; border-top:1px dashed rgba(255,255,255,.3); position:relative;
	}
	.link-Box.notice>ul li:last-child a {border-bottom:1px dashed rgba(255,255,255,.3);}
	.link-Box.notice>ul li a:before {
		content:""; display:block; position:absolute; top:37px; left:17px; background:#fff;
		width:7px; height:4px;
		transition-duration:.3s !important;
	}
	.link-Box.notice>ul li a:hover:before {background:#ffc500;}
	.link-Box.notice>ul li a>* {color:#fff;}
	.link-Box.notice>ul li a p {font-size:20px; transition-duration:.3s !important;}
	.link-Box.notice>ul li a:hover p {color:#ffc500;}
	.link-Box.notice>ul li a span {font-size:14px; opacity:.7; margin-top:10px; display:block; letter-spacing:0;}
	.link-Box.notice>ul li a:hover span {opacity:1;}
	
	.link-Box.notice>ul li a i {width:30px; height:30px; position:absolute; top:50%; right:20px; margin-top:-15px; transition-duration:.3s !important;}
	.link-Box.notice>ul li a.i-notice i {background-image:url(../images/icon/i-notice-empty.png);}
	.link-Box.notice>ul li a.i-notice:hover i {background-image:url(../images/icon/i-notice-empty-on.png);}
	.link-Box.notice>ul li a.i-paper i {background-image:url(../images/icon/i-paper-empty.png);}
	.link-Box.notice>ul li a.i-paper:hover i {background-image:url(../images/icon/i-paper-empty-on.png);}
	.link-Box.notice>ul li a.i-food i {background-image:url(../images/icon/i-food-empty.png);}
	.link-Box.notice>ul li a.i-food:hover i {background-image:url(../images/icon/i-food-empty-on.png);}
	
	.link-Box.notice>ul li a:hover i {
		transform:rotateY(180deg);
		-ms- transform:rotateY(180deg);
		-webkit- transform:rotateY(180deg);
	}


	
	section.main+.pc-except {display:none;}



		







}


/* ********************************* 모바일 ********************************* */
@media screen and (max-width:991px){

	body {overflow-x:hidden;}

	/*공통::*/
	.headerH {height:0;}
	section[class*="main"] {max-width:100%;}
	.main div[class*="-wrap"] {width:100%; max-width:100%; margin:0 auto;}
	.main .slider div[class*="-wrap"] {z-index:99; position:relative;}


	/*레이아웃 분할*/
	.main>div[class*="part-"] {float:left; width:100%;}
	
	
	/* ***** 왼쪽 시작 ***** */
	/*개별::슬라이더*/
	.main .visual {position:relative; display:block; overflow:hidden; max-width:100%; height:700px;}
	.main .visual:before {position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,228,255,.12); display:block; content:""; z-index:1;}
	.main .visual .sliderObj li {opacity:0; image-rendering:-webkit-optimize-contrast;}
	.main .visual .sliderObj li:first-child {opacity:1;}
	.main .visual .sliderObj li.on {opacity:1;}

	.main .visual .txt-wrap {color:#fff; padding:150px 10vw 0; text-align:center; text-shadow:3px 0 3px rgba(0,0,0,.1);}
	.main .visual .txt-wrap>* {padding:0 10vw; word-break:keep-all;}
	.main .visual .txt-wrap h2 {font-family:'HSSummer'; font-size:8vw; letter-spacing:0; line-height:1.6; text-shadow:15px 10px 3px rgba(0,0,0,.1);}
	.main .visual .txt-wrap h2 .acc {color:#00e4ff;}
	


	/* ***** 오른쪽 박스들 시작 ***** */
	/*박스별 공통*/
	.main .link-Box {padding-left:50px; padding-right:50px;}
	.main .link-Box h3.tit {font-weight:500; font-size:30px; letter-spacing:-1px; line-height:1.2;}
	.main .link-Box p.tit-next {font-weight:300; font-size:16px; margin-top:15px; line-height:1.6; word-break:keep-all;}
	.main .link-Box .titWrap.color-black .tit,
	.main .link-Box .titWrap.color-black .tit-next {color:#000;}
	.main .link-Box .titWrap.color-white .tit,
	.main .link-Box .titWrap.color-white .tit-next {color:#fff;}

	.main .link-Box .titWrap.include-moreBtn {position:relative;}
	.main .link-Box .titWrap.include-moreBtn h3 {padding-right:50px;}
	.main .link-Box .titWrap.include-moreBtn>a {
		position:absolute; top:0; right:0; width:30px; height:30px; border:1px solid rgba(255,255,255,.6);
		background-image:url(../images/main/i-more.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	.main .link-Box .titWrap.include-moreBtn>a:hover {background-color:rgba(255,255,255,1); background-image:url(../images/main/i-more-on.png);}

	/*첫째단*/
	.main .row-1-wrap {width:100%;}
	.main .row-1-wrap>* {float:left;}
	.main .row-1-wrap .slider.photo {z-index:11; width:80%; height:620px; position:relative;}
	.main .row-1-wrap article.quick {width:20%; height:620px;}
	
	/*포토앨범::*/
	.main .slider.photo .tit-wrap {position:absolute; top:40px; left:50px; color:#fff; z-index:99999;}
	.main .slider.photo .tit-wrap h3.tit {font-size:30px; font-weight:500; letter-spacing:-1px;}
	.main .slider.photo .tit-wrap p.tit-next {font-size:16px; margin-top:20px;}
	.main .slider.photo .sliderObj {background-color:#fff; width:100%; height:100%;}
	.main .slider.photo ul li a {position:relative;}
	.main .slider.photo ul li a:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(35,120,255,.2);}
		
	.main .slider.photo .no-img .txt-wrap {display:table; width:100%; height:100%;}
	.main .slider.photo .no-img .txt-wrap>div {display:table-cell; vertical-align:bottom; text-align:right; padding:40px 50px; background:#2378ff url(../images/test/no-img.png)no-repeat center;}
	.main .slider.photo .no-img .txt-wrap>div span {color:#fff; display:block; line-height:1.2; letter-spacing:0; font-size:14px;}

	/*퀵메뉴::*/
	.main article.quick ul li a {
		display:block; height:155px; text-align:center; border-top:1px solid #e9e9e9;
		font-size:16px; color:#000; padding:105px 20px 0;
		background-repeat:no-repeat;
		background-position:center 35px;
		position:relative;
	}
		/*아이콘*/
		.main article.quick ul li:nth-child(1) a {background-image:url(../images/icon/quick-01.png);}
		.main article.quick ul li:nth-child(2) a {background-image:url(../images/icon/quick-02.png);}
		.main article.quick ul li:nth-child(3) a {background-image:url(../images/icon/quick-03.png);}
		.main article.quick ul li:nth-child(4) a {background-image:url(../images/icon/quick-04.png);}
		
	.main article.quick ul li:nth-child(odd) a {background-color:#eee;}
	.main article.quick ul li:nth-child(even) a {background-color:#f9f9f9;}

	.main article.quick ul li a:before {
		content:"+더보기"; display:block; width:100%; height:100%; position:absolute; top:0; left:0; padding-top:calc(50% - 15px);
		font-family:'HSSummer'; font-size:20px;
		background:transparent; color:transparent;
		transition-duration:.3s !important;
		
	}
	.main article.quick ul li a:hover:before {
		 background:rgba(0,0,0,.65); color:#fff;
	}
	
	
	/*알림마당::*/
	.link-Box.notice {
		background-color:#0b48b6;
		background-image:url(../images/main/bg-notice.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:100%;
		padding-top:60px;
		padding-bottom:200px;
		height:auto;
	}
	.link-Box.notice .titWrap {position:relative;}
	.link-Box.notice .titWrap>article {position:absolute; top:0; right:0;}
	.link-Box.notice .titWrap>article a {
		float:left;
		padding:10px 40px 10px 20px; line-height:1; border:1px solid #4b7cd3; border-right:0;
		font-size:16px; color:rgba(255,255,255,.8); font-weight:300;
		background-repeat:no-repeat;
		background-position:calc(100% - 20px) center;
	}
	.link-Box.notice .titWrap>article a:last-child {border-right:1px solid #4b7cd3;}
	
	.link-Box.notice .titWrap>article a.i-notice {background-image:url(../images/icon/i-notice.png);}
	.link-Box.notice .titWrap>article a.i-notice:hover {background-image:url(../images/icon/i-notice-on.png);}
	.link-Box.notice .titWrap>article a.i-paper {background-image:url(../images/icon/i-paper.png);}
	.link-Box.notice .titWrap>article a.i-paper:hover {background-image:url(../images/icon/i-paper-on.png);}
	.link-Box.notice .titWrap>article a.i-food {background-image:url(../images/icon/i-food.png);}
	.link-Box.notice .titWrap>article a.i-food:hover {background-image:url(../images/icon/i-food-on.png);}
		
	.link-Box.notice>ul {overflow:hidden; clear:both; margin-top:45px;}
	.link-Box.notice>ul li {line-height:1;}
	.link-Box.notice>ul li a {
		display:inline-block; width:100%; padding:30px 100px 30px 30px; border-top:1px dashed rgba(255,255,255,.3); position:relative;
	}
	.link-Box.notice>ul li:last-child a {border-bottom:1px dashed rgba(255,255,255,.3);}
	.link-Box.notice>ul li a:before {
		content:""; display:block; position:absolute; top:37px; left:17px; background:#fff;
		width:7px; height:4px;
		transition-duration:.3s !important;
	}
	.link-Box.notice>ul li a:hover:before {background:#ffc500;}
	.link-Box.notice>ul li a>* {color:#fff;}
	.link-Box.notice>ul li a p {font-size:20px; transition-duration:.3s !important;}
	.link-Box.notice>ul li a:hover p {color:#ffc500;}
	.link-Box.notice>ul li a span {font-size:14px; opacity:.7; margin-top:10px; display:block; letter-spacing:0;}
	.link-Box.notice>ul li a:hover span {opacity:1;}
	
	.link-Box.notice>ul li a i {width:30px; height:30px; position:absolute; top:50%; right:20px; margin-top:-15px; transition-duration:.3s !important;}
	.link-Box.notice>ul li a.i-notice i {background-image:url(../images/icon/i-notice-empty.png);}
	.link-Box.notice>ul li a.i-notice:hover i {background-image:url(../images/icon/i-notice-empty-on.png);}
	.link-Box.notice>ul li a.i-paper i {background-image:url(../images/icon/i-paper-empty.png);}
	.link-Box.notice>ul li a.i-paper:hover i {background-image:url(../images/icon/i-paper-empty-on.png);}
	.link-Box.notice>ul li a.i-food i {background-image:url(../images/icon/i-food-empty.png);}
	.link-Box.notice>ul li a.i-food:hover i {background-image:url(../images/icon/i-food-empty-on.png);}
	
	.link-Box.notice>ul li a:hover i {
		transform:rotateY(180deg);
		-ms- transform:rotateY(180deg);
		-webkit- transform:rotateY(180deg);
	}


	
	section.main+.pc-except {display:none;}

	


}


/* ********************************* 767이하 ********************************* */
@media screen and (max-width:767px){

	/* body {border:10px solid red;} */
	.only-mobile {display:block !important;}
	
	
	/* ***** 왼쪽 시작 ***** */
	/*개별::슬라이더*/
	.main .visual {height:600px;}
	.main .visual .txt-wrap {padding:50px 15vw 0;}
	.main .visual .txt-wrap h2 {font-size:10vw; text-shadow:10px 5px 3px rgba(0,0,0,.1);}
	
	/*모바일단독*/
	.main .scroll-wrap {text-align:center; margin-top:50px !important;}
	.main .scroll-wrap>span {color:#fff; font-weight:700; text-transform:uppercase; font-size:12px; background:transparent; border:1px solid rgba(255,255,255,.5); padding:5px 20px; border-radius:30px; line-height:1;}
	
	/* ***** 오른쪽 박스들 시작 ***** */
	/*박스별 공통*/
	.main .link-Box {padding-left:30px; padding-right:30px;}
	.main h3.tit {font-weight:500; font-size:26px !important; letter-spacing:-1px; line-height:1.2;}
	.main p.tit-next {font-weight:300; font-size:14px !important; margin-top:10px !important; line-height:1.6; word-break:keep-all;}
	
	/*첫째단*/
	.main .row-1-wrap {width:100%;}
	.main .row-1-wrap>* {float:left; width:100% !important;}
	.main .row-1-wrap .slider.photo {height:400px;}
	.main .row-1-wrap article.quick {height:310px;}
	
	/*포토앨범::*/
	.main .slider.photo .tit-wrap {top:30px; left:30px; width:calc(100% - 60px);}
	.main .slider.photo .no-img .txt-wrap>div {padding:30px;}
	
	/*퀵메뉴::*/
	.main article.quick ul li {float:left; width:50%;}
	.main article.quick ul li:nth-child(1) a,
	.main article.quick ul li:nth-child(4) a {background-color:#eee;}
	.main article.quick ul li:nth-child(2),
	.main article.quick ul li:nth-child(3) a {background-color:#f9f9f9;}
	
	/*알림마당::*/
	.link-Box.notice {padding-top:50px; padding-bottom:120px;}
	.link-Box.notice>ul {margin-top:50px;}
	.link-Box.notice .titWrap>article {position:static; margin-top:20px; display:table; width:100%;}
	.link-Box.notice .titWrap>article a {display:table-cell; width:33.3%; font-size:14px; float:none; background-position:50% 10px; padding:35px 10px 10px; text-align:center;}
	.link-Box.notice>ul li a {padding:20px 70px 20px 20px;}
	.link-Box.notice>ul li a:before {top:27px; left:7px; height:3px;}
	.link-Box.notice>ul li a p {font-size:18px;}
	.link-Box.notice>ul li a i {width:22px; height:22px; background-size:cover !important; margin-top:-11px;}
	

	


}