@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); /*font-family: 'Noto Sans KR', sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /*font-family: 'Nanum Myeongjo', serif; */


@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR'; font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@-ms-viewport{width:auto; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; word-break:keep-all;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { 
	
	line-height:1; overflow-x:hidden; 
	font-family:'Noto Sans KR', sans-serif ! important;
	font-weight:500 ! important;;
	}
ol, ul {list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
button, input[type='button'] { background:none; border:none; display:inline-block; padding:0; outline:none; outline-offset:0; cursor:pointer; -webkit-appearance:none; } 
button::-moz-focus-inner,   input[type='button']::-moz-focus-inner { border:none; padding:0; }
strong {font-weight:bold !important; }

a { font:inherit; text-decoration:none;}
a:focus { outline:none; }
a:active { background-color:transparent; text-decoration:none; }
a[href^="tel:"], a[href^="callto:"] { color:inherit; text-decoration:none; }




html, body{ height:100%; color:#2f2f2f; }


div.main-wrap{ width:100%; height: 100%; background:#fff;}
.floor-3 {background: #F9FAFA; padding-top: 30px; padding-bottom: 30px;}
div.main-wrap a {color: #2f2f2f;}

.main-wrap .container { padding: 0 20px;}

@media (min-width:1120px) {
	.main-wrap .container {width: 1070px; margin: 0 auto; padding: 0;}
}
@media (min-width:1280px) {
	.main-wrap .container {width: 1280px;}

}


.main-wrap .header {width: 100%; height: 78px; background: #fff;}
.main-wrap .header img {display: block; margin: 0 auto; padding: 10px;}


.swiper-container {width: 100%;/* min-height: 400px; */}
.swiper-wrapper .swiper-slide {height: 300px;background-repeat: no-repeat;background-size: cover; background-position:center;}
.swiper-wrapper .swiper-slide.item1 {background-image:url('../images/main-bg-01.jpg');}
.swiper-wrapper .swiper-slide.item2 {background-image:url('../images/main-bg-02.jpg'); }

.swiper-wrapper .swiper-slide .txt-box {
    text-shadow: 2px 2px 2px #4a4a4a;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 100%;
}


.swiper-wrapper .swiper-slide .txt-box span {
    font-size: 1rem;
    display: inline-block;
    margin-bottom: 8px;
}
.swiper-wrapper .swiper-slide .txt-box p {
    font-size: 1.4rem;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}
.swiper-button-prev, .swiper-button-next {
	width: 34px !important;
	height: 34px !important;
	background-size: contain !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url('../images/main-arrow.png') !important;
	left: 10px !important; 
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url('../images/main-arrow.png') !important;
	transform: rotate(180deg);
	right: 10px !important;
}




.swiper-container .swiper-slide.swiper-slide-active .txt-box span { animation: text 1s .3s both;}
.swiper-container .swiper-slide.swiper-slide-active .txt-box p { animation: text 1s .8s both;}

@keyframes text {
	0% { opacity: 0; transform: translateY(30px);}
	100% { opacity:1; transform: translateY(0);}
  }
@media (min-width:640px) {
	.swiper-wrapper .swiper-slide .txt-box span {font-size: 22px;}
	.swiper-wrapper .swiper-slide .txt-box p {font-size: 33px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px !important; }
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:20px;}
}
@media (min-width:1120px) {
	.swiper-wrapper .swiper-slide .txt-box span {margin-bottom:20px;}

	.swiper-wrapper .swiper-slide {min-height: 520px;}
	.swiper-button-prev, .swiper-button-next {width: 64px !important; height: 64px !important;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 100px !important;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 100px !important;}

	.swiper-wrapper .swiper-slide .txt-box span {font-size:26px;}
	.swiper-wrapper .swiper-slide .txt-box p {font-size: 46px;}
}


.con-bg {position:relative;width: 80%;box-shadow:5px 10px 20px rgba(0, 0, 0, .1);background: #fff;padding-top: 20px;padding-bottom: 20px;top: -50px;z-index: 9999;margin: 0 auto;}


.list-wrap ul {
    font-size: 0;
    margin: 0 auto;
}
.list-wrap ul li {width: 50%;display: inline-block;text-align: center;margin-bottom: 20px;}
.list-wrap ul li a {}
.list-wrap ul li div {}


.list-wrap ul li div p {
    font-size: 1rem;
    color: #333;
	line-height: 18px;
}
.list-wrap ul li div p:nth-child(1) {width: 95px;height: 92px;content:"";display:block;text-align:center;margin: 0 auto;/* background-size: 60px; */}
.list-wrap ul li div p.item1 {background:url(../images/main-icon-001.png) no-repeat;}
.list-wrap ul li div p.item2 {background:url(../images/main-icon-002.png) no-repeat;}
.list-wrap ul li div p.item3 {background:url(../images/main-icon-003.png) no-repeat;}
.list-wrap ul li div p.item4 {background:url(../images/main-icon-004.png) no-repeat;}
.list-wrap ul li div p.item5 {background:url(../images/main-icon-005.png) no-repeat;}


@media (min-width:630px) {
	


	.list-wrap ul li div p {font-size: 1.2rem; line-height: 22px;}
	.con-bg {width: 96%; top: -50px;box-shadow:5px 10px 20px rgba(0, 0, 0, .1); }
	.list-wrap ul li {width:33.333%;}
}



@media (min-width:1100px) {
	.con-bg {width: 98%;}
	.list-wrap ul li {width: 20%;}
}
@media (min-width: 1280px) {
	.con-bg {width: 1280px;top: -80px;}
}

.color-bg {position:relative;}
.color-bg:after{width:0%; background:rgba(207, 26, 73, 0.7); position:absolute;content:"";bottom:2px; left:0; opacity:0; visibility:hidden; width:0; height:9px; z-index:-1; transition: all 0.6s cubic-bezier(0.48, 0.28, 0.16, 1.46)}
.in-box a:hover .color-bg:after {width:100%; opacity:1; visibility:visible;}

.color-bg2 {position:relative;}
.color-bg2:after{width:0%; background:rgba(44, 64, 111, 0.7); position:absolute;content:"";bottom:2px; left:0; opacity:0; visibility:hidden; width:0; height:9px; z-index:-1; transition: all 0.6s cubic-bezier(0.48, 0.28, 0.16, 1.46)}
.in-box a:hover .color-bg2:after {width:100%; opacity:1; visibility:visible;}

.color-bg3 {position:relative;}
.color-bg3:after{width:0%; background:rgba(103, 161, 241, 0.7); position:absolute;content:"";bottom:2px; left:0; opacity:0; visibility:hidden; width:0; height:9px; z-index:-1; transition: all 0.6s cubic-bezier(0.48, 0.28, 0.16, 1.46)}
.in-box a:hover .color-bg3:after {width:100%; opacity:1; visibility:visible;}

/* 탭 디자인 */

.tab-box {font-size: 0;display: flex;flex-direction: column;margin-top: 30px;/* margin-bottom: 60px; */}
.tab-box .tab-item {
    width: 100%;
}
.tab-item {margin-bottom:20px;}

.tab-item .title {font-size:22px;color:#36426D;font-weight: 600;}

.tab-content ul li {font-size: 16px;margin-bottom: 10px;display: table;width: 100%;table-layout: fixed;}
.tab-content {margin-top:20px;}
.tab-notic ul li {
    border-left-color: #cf3c66;
}
.tab-notic ul li a {
    display: table;
    /* padding: 20px; */
    /* width: 90%; */
    border-left: 4px solid #cf3c66;
    text-align: center;
    height: 60px;
    /* line-height: 60px; */
    width: 100%;
    color: #4B4B4B;
}
.tab-notic ul li p {
    display:table-cell;
    border: 1px solid #cccccc;
    border-left: transparent;
    vertical-align: middle;
}

.tab-notic ul li p:nth-child(1) {
	width:120px;
}
.tab-notic ul li p:nth-child(2) {
    text-align: left;
    padding: 12px 12px;
}
.tab-notic ul li p:nth-child(1):before {/* display:inline-block; *//* content:""; */}
.tab-calendar {}
.tab-calendar ul {}
.tab-calendar ul li {
    line-height: 20px;
    position:relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

.tab-calendar ul li:before{content:"";position:absolute;width: 5px;height: 5px;background: #AC3355;top: 50%;left: 0;border-radius: 50%;}

@media (min-width:980px) {
	
	.tab-box .tab-item {width:50%;}
	.tab-notic ul li a {width:90%;}
	.tab-box {font-size: 0;display: flex;flex-direction: row;}
}
@media (min-width:1100px) {
	
	
}

div.footer {width:100%; height:50px; background:#383c44; padding:25px 0; font-family:'Noto Sans KR'; letter-spacing:-1px! important; text-align:center; line-height:22px; color:#fff; font-size:14px; letter-spacing:1px;}