@charset "utf-8";
/* CSS Document */


/* 기본 */

.clearfix:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.clearfix { display: inline-block; *display:inline; *zoom:1; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear:both;}

/* 공통 */
.inner1225 {width:1225px; margin:0 auto; position:relative;}
.inner1225:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.inner1380 {width:1380px; margin:0 auto; position:relative;}
.inner1380:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.mainContainer img {max-width:100%; }

.mainContainer .imgBox a img {width:100%; }

.wrapper {width:100%; height:100%;}

@media all and (max-width:1380px){
	.inner1380 {width:100%;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
}

@media all and (max-width:1000px){
	.inner1225 {width:100%;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
}


@media all and (max-width:1000px){
	.inner1380 {padding:10px 15px;}
	.inner1225 {padding:10px 15px;}
}






/*HEADER */
.header01 {width:100%;}
.headerTopBox {width:100%; background-color:#111822;}
.headerTopBox .inner1225 {padding:13px 0 11px;}
.headerTopBox .headerTopLeftUl {float:left;}
.headerTopBox .headerTopLeftUl li {float:left; padding:0 10px; position:relative;}
.headerTopBox .headerTopLeftUl li:before {content:""; position:absolute; left:0; top:5px; width:1px; height:11px; background-color:#fff;}
.headerTopBox .headerTopLeftUl li:first-child:before {width:0;}
.headerTopBox .headerTopLeftUl li a {color:#fff; font-size:12px;}
.headerTopBox .headerTopRightUl {float:right;}
.headerTopBox .headerTopRightUl > li {float:left; padding:0 10px; position:relative;}
.headerTopBox .headerTopRightUl > li:before {content:""; position:absolute; left:0; top:5px; width:1px; height:11px; background-color:#fff;}
.headerTopBox .headerTopRightUl > li:first-child:before {width:0;}
.headerTopBox .headerTopRightUl > li a {color:#fff; font-size:12px;}
.headerTopBox .headerTopRightUl .languageUl {position:absolute; background-color:gray; left:0; top:160%; width:100%; z-index:100; display:none;}
.headerTopBox .headerTopRightUl .languageUl li {padding:5px 10px;}
.headerTopBox .headerTopRightUl .languageUl li a:hover {font-weight:bold;}

.headerLogoWrap {width:100%; border-bottom:1px solid #777; position:relative;}
.headerLogoWrap .inner1225 {padding:35px 0 30px;}
.headerLogoWrap .headerLogoBox {width:100%; text-align:center;}
.headerLogoWrap .searchBox {position:absolute; right:0; bottom:25px; width:330px; border-bottom:1px solid #777777; padding:0 0 7px;}
.headerLogoWrap .searchBox label {float:left; width:20%; font-size:13px; letter-spacing:-0.7px; position:relative; padding:1px 0 0 0;}
.headerLogoWrap .searchBox label:before {content:""; position:absolute; right:10px; top:2px; width:1px; height:14px; background-color:#aaa; }
.headerLogoWrap .searchBox input {float:left; width:70%;}
.headerLogoWrap .searchBox button {float:left; width:10%;}
/* .headerLogoWrap .searchBox button svg {font-size:21px; color:#777; margin-top:-4px;} */
.headerLogoWrap .searchBox button svg {font-size:21px; color:#777;}

.headerMainPC {width:100%; height:52px; border-bottom:1px solid #1e2768; position:relative;}
.headerMainPC .navMain {width: 100%; background-color: white; height: auto; position: relative; overflow: hidden; z-index: 10; border-bottom: 1px solid #1e2768;}
.headerMainPC .navMainUnderLine {position: absolute; border: solid 0.5px #1e2768; width: 100%; margin-top: 52px;}
.headerMainPC .inner1225 {}
.headerMainPC .leftBox {float:left;}
.headerMainPC .rightBox {float:right;}
.headerMainPC .mainMenu01 {}
.headerMainPC .mainMenu01:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.headerMainPC .mainMenu01 > li {float:left; min-width:190px; text-align:center; line-height:51px; position:relative;}
.headerMainPC .mainMenu01 > li:before {content:""; position:absolute; left:0; top:20px; width:1px; height:15px; background-color:#666;}
.headerMainPC .mainMenu01 > li:first-child:before {width:0;}
.headerMainPC .mainMenu01 > li > a {font-size:17px; font-weight:500; color:#444;}
.headerMainPC .mainMenu01 > li > a:hover {color:#1c2eae; font-weight:bold;}

/* .headerMainPC .subMenu01 {position:absolute; left:0; top:53px; width:100%; z-index:1000; padding-top:10px; display:none; text-align:left;} */
.headerMainPC .subMenu01 {position:relative; left:0; width:100%; z-index:1000; padding:10px 0px 20px 0px; text-align:left; display: none;}
.headerMainPC .subMenu01 li { line-height:normal; padding:7px 3px 7px 30px; min-height: 20px;}
.headerMainPC .subMenu01 li a:hover {color:#333; font-weight:500;}

.headerMainPC .subMenuBg {width:100%; height:360px; position:absolute; top:53px; left:0; background-color:#fff; z-index:500; border-bottom:1px solid #1e2768; display:none;}

.headerMainPC .snsMenu {float:left;}
.headerMainPC .snsMenu li {float:left; line-height:52px; padding:0 5px;}
.headerMainPC .snsMenu li svg {font-size:23px;}
.headerMainPC .snsMenu li svg:hover {color:#1f2668;}
.headerMainPC .allMenuBtnBox {float:left; line-height:52px; margin-left:10px; background-color:#1e2768; padding:0 10px;}
.headerMainPC .allMenuBtnBox button {color:#fff;}
.headerMainPC .allMenuBtnBox button p {font-size:8px; letter-spacing:-1px;}
.headerMainPC .allMenuBtnBox button svg {font-size:25px;}



@media all and (max-width:1000px){
	.headerTopBox {display:none;}
	.headerMainPC {display:none;}
	.headerLogoWrap .searchBox {display:none;}		
		
	.headerLogoWrap .inner1225 {padding:15px 0 20px; position:relative; height:60px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.headerLogoWrap .headerLogoBox {padding:0 20px 0 0;}
	.headerLogoWrap .headerLogoBox img {width:110px; margin-left:-20px;}	
}


/* 모바일 HEADER */
.mobileMenuBtnBox {display:none;}
.mobileMenuLoginSearchBtnBox {display:none;}
.mobileSearchBox {display:none;}
.mobileMainMenuWrap {display:none;}

@media all and (max-width:1000px){
	.mobileMenuBtnBox {display:block; position:absolute; top:33%; left:7%;}
	.mobileMenuBtnBox svg {font-size:22px; color:#666;}
	.mobileMenuLoginSearchBtnBox {display:block; position:absolute; top:33%; right:7%;}
	.mobileMenuLoginSearchBtnBox button {margin-left:10px;}
	.mobileMenuLoginSearchBtnBox svg {font-size:22px; color:#666;}
	.mobileMenuLoginSearchBtnBox .mobieBtnLogin svg {font-size:24px;}
	
	.mobileSearchBox {display:none; width:100%; background-color:#fff; padding:15px 20px 15px; position:absolute; top:61px; left:0; z-index:500; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.mobileSearchBox .inner {border-bottom:1px solid #333; padding:5px 5px;}
	.mobileSearchBox input {float:left; width:90%;}
	.mobileSearchBox button {float:left; width:10%; text-align:right;}
	.mobileSearchBox button svg {font-size:16px; color:#777; margin-top:-4px;}
	
/* 	.mobileMainMenuWrap {display:none; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#494c51; z-index:10001; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} */
	.mobileMainMenuWrap {display:none; width:100%; height:100%; position:fixed; overflow-y: scroll; top:0; left:0; background-color:#494c51; z-index:10001; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.mobileMainMenuWrap .mobileMainMenuTop {height:60px; padding:15px 10px 10px; background-color:#58595b; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	/*
	.mobileMainMenuWrap .mobileMainMenuTop .selectBox {float:left;}
	.mobileMainMenuWrap .mobileMainMenuTop .selectBox select {border:1px solid #aaa; border-radius:10px; font-size:14px; letter-spacing:-1px; padding:3px 2px 2px; color:#eee; height:30px; background-color:#333;}
	*/
	.mobileMainMenuWrap .mobileMainMenuTop .btnBox {float:left; margin:0px 0 0 10px;}
	.mobileMainMenuWrap .mobileMainMenuTop .btnBox a {font-size:13px; letter-spacing:-1px; display:inline-block; padding:8px 10px; border:1px solid #888; border-radius:10px; min-width:80px; text-align:center;}
	.mobileMainMenuWrap .mobileMainMenuTop .btnBox a {margin-right:3px;}
	.mobileMainMenuWrap .mobileMainMenuTop .closeBtn {float:right; margin:0px 5px 0 0;}
	.mobileMainMenuWrap .mobileMainMenuTop .closeBtn .btnLan01 {margin:0 10px 0 0; font-size:13px; color:#fff;  }
	.mobileMainMenuWrap .mobileMainMenuTop .closeBtn svg {font-size:27px; color:#fff;}
	
	.mobileMainMenuWrap .mobileMainMenuBottom {}
	.mobileMainMenu {width:100%;}
	.mobileMainMenu > li {border-bottom:1px solid #777; position:relative;}
	.mobileMainMenu > li .iconArrow {position:absolute; top:9px; right:18px;}
	.mobileMainMenu > li .iconArrow svg {font-size:25px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.mobileMainMenu > li.active {}
	.mobileMainMenu > li.active .iconArrow svg { transform:rotate(180deg);}
/* 	.mobileMainMenu > li > a {display:inline-block; width:100%; padding:13px 10px; font-size:14px; letter-spacing:-1px; padding-right:30px;} */
	.mobileMainMenu > li > a {display:inline-block; width:90%; padding:13px 5%; font-size:14px; letter-spacing:-1px; background-color: #494c51;}
/* 	.mobileSubMenu {width:100%; background-color:#fafafa; display:none;} */
	.mobileSubMenu {width:100%; background-color:#999; display:none;}
	.mobileSubMenu li {width:100%; border-bottom:1px solid #ccc; }
	.mobileSubMenu li:last-child {border-bottom:none; }
/* 	.mobileSubMenu a {color:#777; font-size:12px; letter-spacing:-0.5px; display:inline-block; padding:10px 20px; display:inline-block;} */
	.mobileSubMenu a {color:#eee; font-size:12px; letter-spacing:-0.5px; display:inline-block; padding:10px 5%; display:inline-block; width: 90%;}

	ul.mobileSubMenu > li > a > span { float: right;}
	ul.mobileSubMenu > li > a > span > img { width: 15px;}
	
	.mobileSubMenuUl {width:100%; background-color:#fafafa; display:none;}
	.mobileSubMenuUl li {width:100%; border: none; }
	.mobileSubMenuUl a {color:#777 }
	
}




/* FOOTER */
.footer01 {width:100%;}
.footer01:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.footerTopWrap {width:100%; background-color:#eee; border-top:1px solid #ddd;}
.footerTopWrap .inner1225 {padding:10px 0;}
.footerTopWrap .footerMenu {float:left;}
.footerTopWrap .footerMenu li {float:left; padding:0 10px; position:relative;}
.footerTopWrap .footerMenu li:before {content:""; position:absolute; left:0; top:5px; width:1px; height:10px; background-color:#555;}
.footerTopWrap .footerMenu li:first-child:before {width:0;}
.footerTopWrap .footerMenu li a {font-size:12px; color:#444;}
.footerTopWrap .footerMenu li:first-child {padding-left:0;}
.footerTopWrap .footerTopUpBtn {position:absolute; bottom:0; right:0; z-index:100; background-color:#54575c;}
.footerTopWrap .footerTopUpBtn button {padding:5px 15px;}
.footerTopWrap .footerTopUpBtn svg {color:#fff; font-size:20px;}
.footerTopWrap .footerTopUpBtn p {color:#fff; font-size:12px;}

.footerBottomWrap {width:100%; background-color:#111821; padding:25px 0 50px;}
.footerBottomWrap .logoBox {float:left;}
.footerBottomWrap .letterBox {float:left; font-size:13px; color:#ccc; padding:5px 0 0 15px;}
.footerBottomWrap .letterBox .address {margin-bottom:7px;}
.footerBottomWrap .letterBox .copyright {font-size:12px;}
.footerBottomWrap .webAccessibilityBox {float:right; margin-top:-12px;}



@media all and (max-width:1000px){
	.footerTopWrap .footerTopUpBtn {position:absolute; bottom:auto; top:-49px;}
	.footerBottomWrap .webAccessibilityBox {display:none;}
	
	.footerTopWrap .inner1225 {text-align:center;}
	.footerTopWrap .footerMenu {display:inline-block; float:none;}
	
	.footerBottomWrap {padding:15px 20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.footerBottomWrap .logoBox {float:none; text-align:center; margin-bottom:10px;}
	.footerBottomWrap .logoBox img {width:140px;}
	.footerBottomWrap .letterBox {float:none; font-size:11px; padding:0px; text-align:center; word-break:keep-all; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.footerBottomWrap .letterBox .copyright {font-size:11px;}
	
}






/* 메인 내용 */
.mainContainer {width:100%;}
.mainContainer:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}



/* 슬라이드 */
.mainSlideBox {position:relative; overflow:hidden; min-height:380px;}
.mainSlideBox .mainSlideInnerBox {width:100%; position:relative;}
.mainSlideBox .mainSlideLetterBox {width:1225px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); color:#fff;}

.slideWrap .imgBox img {min-height:380px;}

.mainSlideBox .mainSlideLetterBox .btnMore a {font-size:13px; color:#ccc; font-weight:300;}
.mainSlideBox .mainSlideLetterBox .btnMore a svg {margin:-2px 0 0 5px; font-size:1.3em; vertical-align:middle;}

.mainSlideBox .mainSlideLetterBox .leftBox {float:left;width:50%;background-color: rgba(0, 0, 0, 0.76);padding:20px 20px 15px 40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height: 82px;}
.mainSlideBox .mainSlideLetterBox .leftBox .DdayVienal {float:left; text-align:right;}
.mainSlideBox .mainSlideLetterBox .leftBox .DdayVienal .title {font-size:17px; color:#ccc;}
.mainSlideBox .mainSlideLetterBox .leftBox .DdayVienal .day {font-size:16px; color:#846db1; font-weight:500;}
.mainSlideBox .mainSlideLetterBox .leftBox .DdayVienal .day span {font-size:0.7em;}
.mainSlideBox .mainSlideLetterBox .leftBox .DdayNumber {float:left; padding-left:20px;}
.mainSlideBox .mainSlideLetterBox .leftBox .DdayNumber .number {color:#ccc; font-size:52px; line-height:1; font-weight:500; margin-top:-5px; font-family: 'Spoqa Han Sans'; font-weight:400; letter-spacing:-2px;}
.mainSlideBox .mainSlideLetterBox .leftBox .btnMoreBox {float:right; padding-top:22px;}

.mainSlideBox .mainSlideLetterBox .rightBox {float:left; width:50%; height:65px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-top:17px;}
.mainSlideBox .mainSlideLetterBox .rightBox .purpleBtnBox {float:left; width:70%; height:100%; background-color:#1f2668; padding:0 7%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mainSlideBox .mainSlideLetterBox .rightBox .purpleBtnBox ul li {float:left; width:50%; text-align:center; line-height:65px;}
.mainSlideBox .mainSlideLetterBox .rightBox .purpleBtnBox ul li a {font-size:15px;}
.mainSlideBox .mainSlideLetterBox .rightBox .purpleBtnBox ul li a svg {font-size:2.2em; vertical-align:middle; margin:-3px 0 0 7px;}
.mainSlideBox .mainSlideLetterBox .rightBox .blackBtnBox {float:left; width:30%; height:100%; background-color:#201f24; text-align:center; line-height:65px;}

.mainSlideInnerBox .slideWrap {}
.mainSlideInnerBox .slideWrap li {position:relative;}
/* .mainSlideInnerBox .slideWrap li .letterBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:100; color:#fff; padding:0;} */
.mainSlideInnerBox .slideWrap li .letterBox {display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:100; color:#fff; padding:0;}
.mainSlideInnerBox .slideWrap li .letterBox h2 {font-size:56px; font-weight:bold; text-shadow:2px 2px 5px rgba(0,0,0,0.5); line-height:1.05; letter-spacing:-1px; margin-bottom:20px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; padding:50px 40px;}
.mainSlideInnerBox .slideWrap li .letterBox h2 span {font-family: 'Spoqa Han Sans';}
.mainSlideInnerBox .slideWrap li .letterBox h2:before {content:""; position:absolute; top:0; left:0; width:100px; height:80px; border-left:22px solid #fff; border-top:20px solid #fff; }
.mainSlideInnerBox .slideWrap li .letterBox h2:after {content:""; position:absolute; bottom:0; right:0; width:100px; height:80px; border-right:20px solid #fff; border-bottom:20px solid #fff;}
.mainSlideInnerBox .slideWrap li .letterBox h5 {font-size:20px; font-weight:500; text-shadow:2px 2px 5px rgba(0,0,0,0.5); line-height:1.3; letter-spacing:-1px; text-align:center;}


@media all and (max-width:1225px){
	
}

@media all and (max-width:1000px){
	.mainSlideBox { overflow:auto;}
	.mainSlideBox .mainSlideLetterBox {width:100%;}	
	
	/* 슬라이드*/
	.slideWrap .imgBox {min-height:200px;}
	.slideWrap .imgBox img {min-height:200px;}
	.mainSlideInnerBox .bx-wrapper .bx-controls-direction a {top:30%;}
	.mainSlideInnerBox .popUpWrapMain .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:140px;}
	.mainSlideInnerBox .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:100px; left:45%;}
	.mainSlideInnerBox .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {left:39%;}
	.mainSlideInnerBox .bx-wrapper .bx-pager.bx-default-pager a {margin-top:50px;}
	.mainSlideInnerBox .bx-wrapper .bx-controls-auto .bx-stop {top:-2px;}
	.mainSlideInnerBox .bx-wrapper .bx-controls-auto .bx-start {top:-2px;}
	
	
	/* 슬라이드 글자 */
	.mainSlideInnerBox .slideWrap {}
	.mainSlideInnerBox .slideWrap li {position:relative;}
/* 	.mainSlideInnerBox .slideWrap li .letterBox {height:88px; position:relative; top:auto; bottom:0; left:0; transform:translate(0%,0%); color:#333; background-color:#fff; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} */
	.mainSlideInnerBox .slideWrap li .letterBox {display: block; height:88px; position:relative; top:auto; bottom:0; left:0; transform:translate(0%,0%); color:#333; background-color:#fff; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; letter-spacing: -1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.mainSlideInnerBox .slideWrap li .letterBox h2 {font-size:18px; text-shadow:none; line-height:1.05; position:relative; padding:15px 15px; margin-bottom:10px !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.mainSlideInnerBox .slideWrap li .letterBox h2 br {display:none;}
	.mainSlideInnerBox .slideWrap li .letterBox h2:before {width:20px; height:20px; border-left:5px solid #444; border-top:5px solid #444; }
	.mainSlideInnerBox .slideWrap li .letterBox h2:after {width:20px; height:20px; border-right:5px solid #444; border-bottom:5px solid #444; }
	.mainSlideInnerBox .slideWrap li .letterBox h5 {font-size:14px; font-weight:500; text-shadow:none; line-height:1.3; letter-spacing:-1px;}
	.mainSlideInnerBox .slideWrap li .letterBox h5 {height:40px; overflow:hidden;}
	.mainSlideInnerBox .slideWrap li .letterBox h5 br {display:none;}


	/* 슬라이드 안에 버튼 */
	.mainSlideBox .mainSlideLetterBox {position:relative; bottom:auto; top:0; left:0; transform:translateX(0%); }
	.mainSlideBox .mainSlideLetterBox .leftBox {float:none; width:100%; padding:20px; display:none;}
	.mainSlideBox .mainSlideLetterBox .leftBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	
	.mainSlideBox .mainSlideLetterBox .btnMore a {font-size:12px;}
	
	.mainSlideBox .mainSlideLetterBox .leftBox .DdayVienal {float:none; width:100%; text-align:center;}
	.mainSlideBox .mainSlideLetterBox .leftBox .DdayVienal .title {font-size:15px;}
	.mainSlideBox .mainSlideLetterBox .leftBox .DdayVienal .day {font-size:14px;}
	.mainSlideBox .mainSlideLetterBox .leftBox .DdayNumber {float:none; width:100%; padding-left:0; text-align:center; margin-top:5px;}
	.mainSlideBox .mainSlideLetterBox .leftBox .DdayNumber .number {font-size:30px; margin-top:0px; }
	.mainSlideBox .mainSlideLetterBox .leftBox .btnMoreBox {float:none; width:100%; padding-top:15px; text-align:center;}
	
	.mainSlideBox .mainSlideLetterBox .rightBox {float:none; width:100%; height:auto; margin-top:0px; border-top:1px solid #666;}
	.mainSlideBox .mainSlideLetterBox .rightBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	
	.mainSlideBox .mainSlideLetterBox .rightBox .purpleBtnBox {float:none; width:100%; height:100%; background-color:#1f2668; padding:0 0%;}
	.mainSlideBox .mainSlideLetterBox .rightBox .purpleBtnBox ul li {float:left; width:50%; text-align:center; line-height:50px;}
	.mainSlideBox .mainSlideLetterBox .rightBox .purpleBtnBox ul li a {font-size:14px;}
	.mainSlideBox .mainSlideLetterBox .rightBox .purpleBtnBox ul li a svg {font-size:1.2em;}
	.mainSlideBox .mainSlideLetterBox .rightBox .blackBtnBox {float:none; width:100%; line-height:40px;}
	
	
	
}

/* 메인 아이콘 내용 */
.mainIconBtnBox {width:100%; background-color:#fff; padding:40px 0 33px;}
.mainIconBtnBox .inner1225 {}
.mainIconBtnBox .mainIconBtnUl {width:100%; height:100px; padding:15px 0 10px;}
.mainIconBtnBox .mainIconBtnUl li {float:left; width:20%; height:100%; border-left:1px solid #ddd;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center; 

		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
}
.mainIconBtnBox .mainIconBtnUl li:first-child {border-left:none;}
.mainIconBtnBox .mainIconBtnUl li .iconBox {margin:13px 0 10px; height:45px;}
.mainIconBtnBox .mainIconBtnUl li .iconBox svg {font-size:40px; color:#444;}
.mainIconBtnBox .mainIconBtnUl li h3 {font-size:14px; color:#666; font-weight:500; line-height:1.2;}
.mainIconBtnBox .mainIconBtnUl li:hover .iconBox svg {color:#1f2668;}
.mainIconBtnBox .mainIconBtnUl li:hover h3 {color:#1f2668;}


@media all and (max-width:1000px){
	.mainIconBtnBox {width:100%; padding:0;}
	.mainIconBtnBox .mainIconBtnUl {height:auto;}
	.mainIconBtnBox .mainIconBtnUl li {width:50%; height:100px; border-left:none;}
	.mainIconBtnBox .mainIconBtnUl li .iconBox {margin:13px 0 10px; height:25px;}
	.mainIconBtnBox .mainIconBtnUl li .iconBox svg {font-size:25px;}
	.mainIconBtnBox .mainIconBtnUl li h3 {font-size:12px; font-weight:500;}
}


/* 메인 중간 컨텐츠 */
.mainConInforBox {width:100%; background:url(../img/pattern01.png); padding:60px 0;}
.mainConInforBox .inner1380 {}

.mainConInforBox .mainConInforTopBox {width:100%; margin-bottom:42px;}
.mainConInforBox .mainConInforTopBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.mainConInforBox .mainConInforTopBox .one {float:left; width:32%; margin-left:2%;}
.mainConInforBox .mainConInforTopBox .one:first-of-type {margin-left:0;}

.mainConInforBox .whiteBox {padding:34px 27px; background-color:#fff; border:1px solid #ddd; height:400px;}
.mainConInforBox h2 {font-size:24px; font-weight:500; margin-bottom:15px; color:#333;}
.mainConInforBox h2 span {font-size:0.6em; color:#888; margin-left:10px;}
.mainConInforBox h2 span svg {font-size:0.7em; color:#777;}

.mainConInforTopBox .mainTabUl {width:100%; margin-bottom:20px;}
.mainConInforTopBox .mainTabUl:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.mainConInforTopBox .mainTabUl li {float:left; width:50%; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center; padding:9px 0; }
.mainConInforTopBox .mainTabUl li+li {border-left:none;}
.mainConInforTopBox .mainTabUl li:hover {background-color: #3f4b87; color:#fff; }
.mainConInforTopBox .mainTabUl li a {font-size:15px;}
.mainConInforTopBox .mainTabUl li.active {background-color:#777;}
.mainConInforTopBox .mainTabUl li.active a {color:#fff; font-weight:500;}

 .mainTabNotice li {width:33.33% !important;} 

.mainConInforTopBox. mianTabConBox {width:100%;}
.mainConInforTopBox. mianTabConBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.mainConInforTopBox .mianTabConBox .imgBox {width:100%; margin-bottom:30px; max-width: 385px; max-height: 237px; overflow: hidden;}
.mainConInforTopBox .mianTabConBox .boradList {width:100%;}
.mainConInforTopBox .mianTabConBox .boradList li {margin-top:15px;}
.mainConInforTopBox .mianTabConBox .boradList li:first-child {margin-top:0px;}
.mainConInforTopBox .mianTabConBox .boradList li:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.mainConInforTopBox .mianTabConBox .boradList li .title {float:left; width:70%; font-size:15px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mainConInforTopBox .mianTabConBox .boradList li .date {float:left; width:30%; font-size:15px; text-align:right;}

/* .mainNewsImgBox {margin-bottom:20px; max-width: 385px; width: 100%; max-height: 282px; overflow: hidden;} */
.mainNewsImgBox {margin-bottom: 15px; max-width: 385px; width: 100%; max-height: 224px; overflow: hidden;}
.mainNewsLetterBox h2 {font-size:21px; font-weight:400;  letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* .mainNewsLetterBox h4 {font-size:14px; font-weight:400; line-height:1.5; margin-bottom:15px; */
/* 	display:-webkit-box; */
/* 	height:40px; 높이값 추가 */
/* 	overflow:hidden; 숨김처리 */
/* 	text-overflow:ellipsis; */
/* 	-webkit-line-clamp:2; 라인수 설정 */
/* 	word-wrap:break-word; */
/* 	-webkit-box-orient:vertical; */
/* } */
.mainNewsLetterBox h4 { font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 5px;
    display: -webkit-box;
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
}
.mainNewsLetterBox .date {font-size:14px; color:#333;}
.whiteBox .btnBox {margin-top: 10px; text-align: right;}
.whiteBox .btnBox .btn { padding: 0 10px; height: 30px; color: #fff; text-align: center; background-color: #777; width: 100%;}
.whiteBox .btnBox .btn:hover {background-color: #3f4b87;}


.mainConInforBox .mainConInforBottomBox {width:100%; background-color:#fff; border:1px solid #ddd; padding:35px 50px; box-shadow:3px 3px 7px rgba(0,0,0,0.1);  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center; position:relative; }
.mainConInforBox .mainConInforBottomBox:before {content:""; position:absolute; left:-1px; top:25%; width:5px; height:50%; background-color:#3f4b87;}
.mainConInforBox .mainConInforBottomBox:after {content:""; position:absolute; right:-1px; top:25%; width:5px; height:50%; background-color:#3f4b87;}
.mainConInforBox .mainConInforBottomBox .one {float:left; width:32%; margin-left:2%; height:320px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.mainConInforBox .mainConInforBottomBox .one:first-of-type {margin-left:0;}

.mainConInforBottomBox .mainIconWrap {background-color:#3f4b87; padding:20px;}
.mainConInforBottomBox .mainIconWrap ul {border:2px solid #fff; height:100%;}
.mainConInforBottomBox .mainIconWrap ul li {float:left; width:33.33%; height:50%; text-align:center; border-left:2px solid #fff; border-bottom:2px solid #fff; margin:-1px 0 0 -2px;}
.mainConInforBottomBox .mainIconWrap ul li a {display:block; padding:28px 0 0;}
.mainConInforBottomBox .mainIconWrap ul li a .iconBox {margin-bottom:10px; color:#fff; font-size:33px;}
.mainConInforBottomBox .mainIconWrap ul li a h3 {color:#fff; font-weight:400; font-size:14px; letter-spacing:-1px;}
.mainConInforBottomBox .mainIconWrap ul li a h3 span {font-size:0.5em;}

.mainConInforBottomBox .mainEventBox {border:1px solid #ddd; padding:24px 32px; text-align:left;}
.mainConInforBottomBox .mainEventBox h2 {font-size:25px; font-weight:500; color:#333; letter-spacing:-1px;}
.mainConInforBottomBox .mainEventUl {width:100%; margin-top:15px;}
.mainConInforBottomBox .mainEventUl li {border-bottom:1px solid #ddd; padding:10px 5px 10px 0; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mainConInforBottomBox .mainEventUl li:before {font-family: "Font Awesome 5 Solid"; content:"\203A"; position:absolute; right:5px; top:10%; color:#ccc; font-size:30px;}
.mainConInforBottomBox .mainEventUl li:last-child {border-bottom:none;}
.mainConInforBottomBox .mainEventUl li h4 {font-size:15px; color:#333; margin-bottom:3px; font-weight:400; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width: 300px;}
.mainConInforBottomBox .mainEventUl li .date {font-size:13px; color:#999;}

.mainConInforBottomBox .mainRinkWrap {border:1px solid #ddd; padding:18px 20px; }
.mainConInforBottomBox .mainRinkWrap .rink01 {margin:15px 0 0 0;}
.mainConInforBottomBox .mainRinkWrap .rink01:first-of-type {margin-top:0;}
.mainConInforBottomBox .mainRinkWrap .rink01 img {width:100%;}


@media all and (max-width:1000px){
	.mainConInforBox {padding:20px 0;}
	

	.mainConInforBox .mainConInforTopBox {margin-bottom:25px;}	

	.mainConInforBox .mainConInforTopBox .one {float:none; width:100%; margin-left:0%; margin-top:30px;}
	.mainConInforBox .mainConInforTopBox .one:first-of-type {margin-left:0; margin-top:0px;}

	.mainConInforBox .whiteBox {padding:25px 20px; height:auto;}
	.mainConInforBox h2 {font-size:18px; margin:0px 0 15px;}
	.mainConInforBox h2 span {font-size:0.6em; color:#888; margin-left:10px;}
	.mainConInforBox h2 span svg {font-size:0.7em; color:#777;}
	
	.mainConInforTopBox .mainTabUl li a {font-size:13px;}
	.mainConInforTopBox .mianTabConBox .boradList li .title {font-size:13px; }
	.mainConInforTopBox .mianTabConBox .boradList li .date {font-size:13px;}
		
	.mainNewsLetterBox h2 {font-size:17px;}
	.mainNewsLetterBox h4 {font-size:13px;}
	.mainNewsLetterBox .date {font-size:12px;}

	.mainConInforBox .mainConInforBottomBox {padding:20px;}
	.mainConInforBox .mainConInforBottomBox:before {width:3px;}
	.mainConInforBox .mainConInforBottomBox:after {width:3px;}
	.mainConInforBox .mainConInforBottomBox .one {float:none; width:100%; margin-left:0%; margin-top:5%;}
	.mainConInforBox .mainConInforBottomBox .one:first-of-type {margin-left:0; margin-top:0%;}
	
	.mainConInforBottomBox .mainIconWrap {padding:15px;}
	.mainConInforBottomBox .mainIconWrap ul {border:1px solid #fff;}
	.mainConInforBottomBox .mainIconWrap ul li {border-left:1px solid #fff; border-bottom:1px solid #fff; margin:0px 0 0 -1px;}
	.mainConInforBottomBox .mainIconWrap ul li a { padding:30px 5px 0;}
	.mainConInforBottomBox .mainIconWrap ul li a .iconBox {font-size:25px;}
	.mainConInforBottomBox .mainIconWrap ul li a h3 {font-size:12px; letter-spacing:-0.5px;}
	.mainConInforBottomBox .mainIconWrap ul li a h3 span {font-size:0.6em;}
	
	.mainConInforBottomBox .mainEventBox {padding:20px; height:auto !important; }
	.mainConInforBottomBox .mainEventBox h2 {font-size:18px;}
	.mainConInforBottomBox .mainEventUl {margin-top:5px;}
	.mainConInforBottomBox .mainEventUl li {padding-right:15px;}
	
	.mainConInforBottomBox .mainEventUl li h4 {font-size:14px;}
	.mainConInforBottomBox .mainEventUl li .date {font-size:12px;}
	
	.mainConInforBottomBox .mainRinkWrap { padding:10px; height:auto !important; }

	
}


/* SNS 박스 */
.mainSNSWrap {width:100%; padding:54px 0 35px; border-bottom:1px solid #ddd;}

.mainSNSWrap .one {float:left; width:32%; margin-left:2%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.mainSNSWrap .one:first-of-type {margin-left:0;}

.mainSNSWrap .one h2 {font-size:24px; font-weight:500; margin-bottom:15px; color:#333;}
.mainSNSWrap .one span {font-size:0.6em; color:#888; margin-left:10px;}
.mainSNSWrap .one span svg {font-size:0.7em; color:#777;}

.mainSNSWrap .one .whiteBox {background-color:#fff; border:1px solid #ddd; padding:17px 17px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mainSNSWrap .one .whiteBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.mainRelateUl {width:100%;}
.mainRelateUl li {float:left; width:49%; margin:3% 0 0 2%; padding:5px 0; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center;}
.mainRelateUl li:nth-of-type(2n-1) {margin-left:0;}
.mainRelateUl li:nth-of-type(1) {margin-top:0;}
.mainRelateUl li:nth-of-type(2) {margin-top:0; background-color:#000;}

.mainSponsorBox h2 {margin-top:37px;}
.mainSponsorBox .whiteBox {padding:0 !important;}
.mainSponsorBox .mainSponsorUl {float:left; width:65%; padding:30px 20px 20px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mainSponsorBox .mainSponsorUl li {margin-top:10px; position:relative; padding-left:10px;}
.mainSponsorBox .mainSponsorUl li:first-child {margin-top:0;}
.mainSponsorBox .mainSponsorUl li:before {content:""; position:absolute; left:0; top:8px; width:2px; height:2px; border-radius:50%; background-color:#777;}
.mainSponsorBox .mainSponsorUl li a {font-size:14px; color:#444; letter-spacing:-1px;}
.mainSponsorBox .mainSponsorUl li a:hover {font-weight:500;}
.mainSponsorBox .imgBox {float:left; width:35%;}
.mainSponsorBox .imgBox img {max-width:100%;}


.mainFamilySiteBox .whiteBox {height:385px; }
.mainFamilySiteBox .whiteBox .site {margin-top:13px;}
.mainFamilySiteBox .whiteBox .site:first-of-type {margin-top:0;}

.mainFaceBookBox .whiteBox {height:385px;}

@media all and (max-width:1000px){
	
	.mainSNSWrap {padding:20px 0;}	
	.mainSNSWrap .one {float:none; width:100%; margin-left:0%; margin-top:20px;}
	.mainSNSWrap .one:first-of-type {margin-top:0px;}
	.mainSNSWrap .one .whiteBox {padding:15px;}
	
	.mainSNSWrap .one h2 {font-size:18px;}
	
	.mainSponsorBox .mainSponsorUl {padding:10px;}
	.mainSponsorBox .mainSponsorUl li {margin-top:3px; padding-left:10px;}
	.mainSponsorBox .mainSponsorUl li a {font-size:12px; color:#444; letter-spacing:-1px;}
	
	.mainSponsorBox h2 {margin-top:20px;}
	
	.mainFamilySiteBox .whiteBox {height:auto; }
	.mainFaceBookBox .whiteBox {height:auto;}
	
}


/* spon 배너 */
.spon{position:relative;margin:0px 0 0px 0; padding:30px 0; height:50px;background:#fff;text-align:center}
.spon h2{visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0}
.spon:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.spon .slider-wrap{position:relative;margin:0 auto}
.spon .slider-wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.spon .slider{overflow:hidden;margin:0 50px;height:50px}
.spon ul:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.spon ul li{display:block;margin:0 20px;width:130px !important;height:50px;text-align:left}
.spon ul li img{/*display:block;*/width:130px;height:50px}
.spon .direction:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.spon .direction a span.ir,
.spon .direction a{display:block;position:absolute;top:0;width:24px;height:50px; overflow: hidden;}
.spon .direction a.prev{left:0}
.spon .direction a.next{right:0}
.spon .direction a span.ir,
.spon .direction a:after{content:"\2039";display:block;position:absolute; top:-23px;width:24px;height:50px;font-size:60px; color:#999;}
.spon .direction a.prev:after {content:"\2039";}
.spon .direction a.next:after {content:"\203A";}


@media all and (max-width:1000px){
	.spon{padding:15px 0 60px;}
	
}


.engMainMenu {}
.engMainMenu > li:before {width:0 !important;}

.engMainMenu > li {min-width:190px !important;}
.engMainMenu > li > a {font-size:14px !important; letter-spacing:-0.5px;}
.engMainMenu > li .subMenu01 {padding:10px 0px 20px !important;}
.engMainMenu > li .subMenu01 a {font-size:12px !important; letter-spacing:-0.5px;}
.engMainMenu .subMenu01 li {padding-left:20px !important;}