@charset "utf-8";


/* header */
#theme002_header {width:100%; height:90px; position:fixed; left:0; top:0; z-index:300; padding:0 50px; overflow:hidden; transition:all 0.6s; transition-property:height, background;}
#theme002_header:before {content:''; display:block; width:100%; height:350px; background:#fff; border-top:1px solid #dcdcdc; position:absolute; left:0; top:90px; transition:top 0.5s;}

#theme002_logo {float:left; display:flex; align-items:center; align-items:center; width:185px; height:90px; position:relative; z-index:10; transition:all 0.6s; transition-property:background, height}
#theme002_logo a {display:block; width:100%;}
#theme002_logo a img {max-width:100%; max-height:49px;}
#theme002_logo a img.bl {display:none;}
#theme002_logo a img.wh {display:block;}

#theme002_gnb {width:100%; position:absolute; left:0; top:0;}
#theme002_gnb > ul {display:flex; justify-content:center; position:relative;}
#theme002_gnb > ul > li {text-align:center;}
#theme002_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:90px; font-weight:700; padding:0 40px; transition:all 0.5s; transition-property:color, line-height;}
#theme002_gnb > ul > li > a > span {display:block; position:relative;}
#theme002_gnb > ul > li > a > span:before {content:''; display:block; width:0; height:3px; background:#186abc; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:width 0.6s}
#theme002_gnb > ul > li > ul {margin-top:20px;}
#theme002_gnb > ul > li > ul > li > a {display:block; font-size:1em; line-height:1.5em; padding:4px 0; transition:all 0.5s; transition-property:color;}
#theme002_gnb > ul > li:hover > a {color:#186abc !important}
#theme002_gnb > ul > li:hover > a > span:before {width:100%;}
#theme002_gnb > ul > li > ul > li > a:hover {color:#186abc}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#fff; position:fixed; left:100%; top:0; z-index:8; transition:left 0.7s}
#all_gnb > ul {width:1200px;}
#all_gnb > ul > li {display:flex; align-items:center; width:100%; padding:30px 0; border-bottom:1px solid #ddd;}
#all_gnb > ul > li > a {display:block; width:250px; font-size:2em; font-weight:500;}
#all_gnb > ul > li > ul {width:calc(100% - 250px); overflow:hidden;}
#all_gnb > ul > li > ul > li {float:left; margin-right:30px;}
#all_gnb > ul > li > ul > li > a {display:block; font-size:1.125em; font-weight:300;}


#menuToggle {float:right; width:36px; height:24px; margin-top:33px; position:relative; z-index:10; transition:margin-top 0.6s;}
#menuToggle span {display:block; width:100%; height:2px; background:#fff; position:absolute; right:0; transition:all 0.6s; transition-property:background, transform, width;}
#menuToggle span:nth-child(1) {top:0;}
#menuToggle span:nth-child(2) {width:calc(100% - 10px); top:50%; margin-top:-1px;}
#menuToggle span:nth-child(3) {bottom:0;}

#theme002_header.scroll_on {background:#fff; box-shadow:0 0 20px rgba(25,25,25,0.1)}
#theme002_header.scroll_on #theme002_logo a img.bl {display:block;}
#theme002_header.scroll_on #theme002_logo a img.wh {display:none;}
#theme002_header.scroll_on #menuToggle span {background:#191919;}

#theme002_header.on {height:440px; background:#fff;}
#theme002_header.on #theme002_logo a img.bl {display:block;}
#theme002_header.on #theme002_logo a img.wh {display:none;}
#theme002_header.on #theme002_gnb > ul > li > a {color:#191919;}
#theme002_header.on #menuToggle span {background:#191919;}

#theme002_header.active #theme002_logo a img.bl {display:block;}
#theme002_header.active #theme002_logo a img.wh {display:none;}
#theme002_header.active #all_gnb {left:0;}
#theme002_header.active #menuToggle span {background:#191919;}
#theme002_header.active #menuToggle span:nth-child(1) {transform:translateY(11px) rotate(225deg)}
#theme002_header.active #menuToggle span:nth-child(2) {width:0;}
#theme002_header.active #menuToggle span:nth-child(3) {transform:translateY(-11px) rotate(-225deg)}

#theme002_header.sub_header:before {top:89px;}
#theme002_header.sub_header #theme002_logo a img.bl {display:block;}
#theme002_header.sub_header #theme002_logo a img.wh {display:none;}
#theme002_header.sub_header #theme002_gnb > ul > li > a {color:#191919;}
#theme002_header.sub_header #menuToggle span {background:#191919;}

@media screen and (min-width:1025px){
	#all_gnb > ul > li > ul {display:block !important;}

	#theme002_header.scroll_on {height:80px;}
	#theme002_header.scroll_on:before {top:80px;}
	#theme002_header.scroll_on #theme002_logo {height:80px;}
	#theme002_header.scroll_on.on {height:430px;}
	#theme002_header.scroll_on #theme002_gnb > ul > li > a {color:#191919; line-height:80px;}
	#theme002_header.scroll_on #menuToggle {margin-top:28px;}
	
	#theme002_header.sub_header.scroll_on:before {top:79px;}
}

@media screen and (max-width:1220px){
	#theme002_header {padding:0 6%;}

	#theme002_gnb > ul > li > a {padding:0 20px;}

	#all_gnb > ul {width:88%;}
}

@media screen and (max-width:1024px){
	#theme002_header {height:60px;}
	
	#theme002_logo {width:151px; height:60px;}
	#theme002_logo a img {max-height:40px;}

	#theme002_gnb {display:none;}

	#all_gnb {display:block; padding-top:80px;}
	#all_gnb > ul {width:88%; margin:0 auto;}
	#all_gnb > ul > li {display:block; padding:0;}
	#all_gnb > ul > li > a {width:100%; font-size:1.125em; padding:13px 0; position:relative;}
	#all_gnb > ul > li > a:before {content:''; display:block; width:10px; height:2px; background:#191919; position:absolute; right:4px; top:50%; transform:translateY(-50%); transition:transform 0.5s}
	#all_gnb > ul > li > a:after {content:''; display:block; width:2px; height:10px; background:#191919; position:absolute; right:8px; top:50%; transform:translateY(-50%); transition:transform 0.5s}
	#all_gnb > ul > li > a.on:before {transform:translateY(-50%) rotate(180deg)}
	#all_gnb > ul > li > a.on:after {transform:translateY(-50%) rotate(90deg)}
	#all_gnb > ul > li > ul {display:none; width:100%; background:#f8f9fc;}
	#all_gnb > ul > li > ul > li {float:none; margin-right:0;}
	#all_gnb > ul > li > ul > li:first-child {padding-top:10px;}
	#all_gnb > ul > li > ul > li:last-child {padding-bottom:10px;}
	#all_gnb > ul > li > ul > li > a {font-size:1em; padding:5px 15px;}

	#menuToggle {width:24px; height:18px; margin-top:21px;}

	#theme002_header.active #menuToggle span:nth-child(1) {transform:translateY(8px) rotate(225deg)}
	#theme002_header.active #menuToggle span:nth-child(3) {transform:translateY(-8px) rotate(-225deg)}

	#theme002_header.sub_header {border-bottom:1px solid #dcdcdc;}
}


/* footer */
#theme002_footer {width:100%; background:#191919; padding:40px 0 50px; position:relative;}
#theme002_footer .s-inner {overflow:hidden;}
#theme002_footer h1 {float:left; width:185px;}
#theme002_footer h1 img {width:100%; opacity:0.6;}
#theme002_footer .info {float:left; width:calc(100% - 185px); padding-left:50px; position:relative;}
#theme002_footer .info ul li {display:inline-block; font-size:1em; color:#fff; line-height:1.7em; margin-right:13px;}
#theme002_footer .info a {display:block; font-size:1em; color:#a4a4a4; margin-top:15px;}
#theme002_footer .go_top {width:50px; height:50px; background:rgba(255,255,255,0.2); font-size:0.875em; color:#fff; position:absolute; right:30px; bottom:30px;}
#theme002_footer .info .f_member {display:inline-block; font-size:0.75em; color:#a4a4a4; font-weight:500; font-family:'Poppins'; line-height:28px; border:1px solid #a4a4a4; padding:0 10px;}
#theme002_footer .copy {display:block; font-size:1em; color:#a4a4a4; margin-top:15px;}

@media screen and (max-width:1024px){
	#theme002_footer {padding:3% 0;}
	#theme002_footer h1 {width:150px;}
	#theme002_footer .info {width:calc(100% - 150px); padding-left:30px;}
	#theme002_footer .info ul li {font-size:0.875em;}
	#theme002_footer .info p {font-size:0.875em; margin-top:7px;}
	#theme002_footer .go_top {width:40px; height:40px;}
}

@media screen and (max-width:767px){
	#theme002_footer h1 {float:none; width:140px;}
	#theme002_footer .info {float:none; width:100%; padding-left:0; margin-top:10px;}
	#theme002_footer .go_top {width:35px; height:35px; right:15px; bottom:15px;}
	#theme002_footer .info .f_member {line-height:25px;}
}


/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:960px; position:relative; overflow:hidden;}
#mVisu .txt_box {position:relative; z-index:10; text-align:center; margin-top:-10px;}
#mVisu .txt_box .tit {font-size:4.68em; color:#fff; line-height:1.3em; font-weight:300; font-family:'S Dream'}
#mVisu .txt_box .tit strong {display:block; font-weight:600;}
#mVisu .txt_box .txt {font-size:1.25em; color:#fff; line-height:1.5em; margin-top:30px;}
.mVisu_slide {width:100%; height:100%; position:absolute; left:0; top:0;}
.mVisu_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1);}
.mVisu_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.4;}
.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:51px; height:10px; background-repeat:no-repeat; background-position:center center; background-size:contain; top:auto; bottom:260px; transition:transform 0.5s}
.mVisu_slide .swiper-button-next {background-image:url(../images/mVisu_next.png); right:50%; margin-right:-63px;}
.mVisu_slide .swiper-button-prev {background-image:url(../images/mVisu_prev.png); left:50%; margin-left:-63px;}
.mVisu_slide .swiper-button-next:after, .mVisu_slide .swiper-button-prev:after {display:none;}
.mVisu_slide .swiper-button-next:hover {transform:translateX(10px)}
.mVisu_slide .swiper-button-prev:hover {transform:translateX(-10px)}

.mVisu_slide .swiper-slide-active .img_box {transform:scale(1); transition:transform 4000ms linear;}

@media screen and (max-width:1220px){
	#mVisu {height:800px;}
	.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {bottom:200px;}
}

@media screen and (max-width:1024px){
	#mVisu {height:650px;}
	#mVisu .txt_box .tit {font-size:3.5em;}
	#mVisu .txt_box .txt {font-size:1em; line-height:1.8em; margin-top:20px;}
	.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:40px; height:8px; bottom:170px;}
	.mVisu_slide .swiper-button-next {margin-right:-53px;}
	.mVisu_slide .swiper-button-prev {margin-left:-53px;}
}

@media screen and (max-width:767px){
	#mVisu {height:530px;}
	#mVisu .txt_box .tit {font-size:2.7em;}
	#mVisu .txt_box .txt {margin-top:15px;}
	#mVisu .txt_box .txt br {display:none;}
	.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:36px; height:7px; bottom:150px;}
	.mVisu_slide .swiper-button-next {margin-right:-40px;}
	.mVisu_slide .swiper-button-prev {margin-left:-40px;}
}


#mQuick {position:relative; z-index:10; margin-top:-110px;}
#mQuick ul {width:100%;}
#mQuick ul:after {content:''; display:block; width:100%; clear:both;}
#mQuick ul li {float:left; width:calc(25% - 10.5px); margin-right:14px;}
#mQuick ul li:last-child {margin-right:0;}
#mQuick ul li a {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:220px; background:#186abc; text-align:center; transition:all 0.5s; transition-property:transform, box-shadow, background;}
#mQuick ul li a .icon {display:block; width:68px; height:68px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
#mQuick ul li:nth-child(1) a .icon {background-image:url(../images/mQuick_icon1.png)}
#mQuick ul li:nth-child(2) a .icon {background-image:url(../images/mQuick_icon2.png)}
#mQuick ul li:nth-child(3) a .icon {background-image:url(../images/mQuick_icon3.png)}
#mQuick ul li:nth-child(4) a .icon {background-image:url(../images/mQuick_icon4.png)}
#mQuick ul li:nth-child(5) a .icon {background-image:url(../images/mQuick_icon5.png)}
#mQuick ul li p {font-size:1.375em; color:#fff; font-weight:600; font-family:'S Dream'; margin:20px 0 10px; position:relative;}
#mQuick ul li span {font-size:0.75em; color:rgba(255,255,255,0.6); letter-spacing:0; font-family:'Montserrat'}
#mQuick ul li a:hover {background:#269ff2; transform:translateY(-20px); box-shadow:10px 10px 20px rgba(24,106,188,0.1)}

@media screen and (max-width:1024px){
	#mQuick {margin-top:-90px;}
	#mQuick ul li {width:calc(25% - 7.5px); margin-right:10px;}
	#mQuick ul li a {height:180px;}
	#mQuick ul li a .icon {width:50px; height:50px;}
	#mQuick ul li p {font-size:1.125em; margin:10px 0 5px;}
}

@media screen and (max-width:767px){
	#mQuick {margin-top:-60px;}
	#mQuick ul li {width:calc(50% - 2.5px); margin-right:5px;}
	#mQuick ul li:nth-child(even) {margin-right:0;}
	#mQuick ul li:nth-child(2) ~ li {margin-top:5px;}
	#mQuick ul li a {height:120px;}
	#mQuick ul li a .icon {width:35px; height:35px;}
}


.main_title {margin-bottom:50px; font-family:'S Dream'}
.main_title p {font-size:1.875em; color:#666; line-height:1.5em; font-weight:300; position:relative;}
.main_title h2 {font-size:2.81em; line-height:1.5em; font-weight:600; position:relative;}

@media screen and (max-width:1024px){
	.main_title {margin-bottom:5%;}
	.main_title p {font-size:1.5em;}
	.main_title h2 {font-size:2.3em;}
}

@media screen and (max-width:767px){
	.main_title p {font-size:1.3em;}
	.main_title h2 {font-size:2em;}
}


#mIntroduce {width:100%; position:relative; padding-top:150px;}
#mIntroduce:before {content:''; display:block; width:100%; height:770px; background:#f9f9f9; position:absolute; left:0; top:-110px;}
#mIntroduce .s-inner {z-index:10;}
#mIntroduce .img_box {width:700px; height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mIntroduce .txt_box {width:650px; background:#fff; box-shadow:10px 10px 30px rgba(25,25,25,0.05); padding:65px 75px 45px; position:absolute; right:0; bottom:180px;}
#mIntroduce .txt_box:after {content:''; display:block; width:100%; clear:both;}
#mIntroduce .txt_box p {font-size:1.25em; color:#666; line-height:1.75em; margin-top:20px; position:relative;}
#mIntroduce .txt_box p:first-of-type {margin-top:0;}
#mIntroduce .txt_box a {float:right; font-size:0.75em; color:#186abc; font-weight:600; font-family:'Montserrat'; margin-top:40px;}
#mIntroduce .txt_box a:after {content:''; display:inline-block; width:43px; height:10px; background:url(/images/icon_btn.svg) no-repeat center center; background-size:43px 10px; margin-left:20px; transition:transform 0.5s;}
#mIntroduce .txt_box a:hover:after {transform:translateX(15px)}

@media screen and (max-width:1220px){
	#mIntroduce .txt_box {width:600px; bottom:100px;}
}

@media screen and (max-width:1024px){
	#mIntroduce {padding-top:10%}
	#mIntroduce:before {height:100%; top:-90px;}
	#mIntroduce .img_box {width:80%; height:45vw;}
	#mIntroduce .txt_box {width:65%; padding:30px; bottom:6vw;}
	#mIntroduce .txt_box p {font-size:1.125em; margin-top:15px;}
	#mIntroduce .txt_box a {margin-top:30px;}
	#mIntroduce .txt_box a:after {width:35px; height:8px; background-size:35px 8px; margin-left:10px;}
}

@media screen and (max-width:767px){
	#mIntroduce:before {height:80%; top:-185px;}
	#mIntroduce .img_box {width:100%; height:50vw;}
	#mIntroduce .txt_box {width:90%; margin:-40px auto 0; position:relative; bottom:0; padding:20px;}
	#mIntroduce .txt_box p {font-size:1em;}
	#mIntroduce .txt_box a:after {width:25px; height:6px; background-size:25px 6px;}
}


#mTime {padding:150px 0;}
#mTime .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
#mTime .box table {width:calc(50% - 10px);}
#mTime .box table thead th {background:#191919; height:60px; font-size:1.125em; color:#fff; font-weight:700;}
#mTime .box table tbody th {background:#f9f9f9; font-size:1.125em; line-height:1.5em; font-weight:500; border-bottom:1px solid #dcdcdc; padding:20px 0; position:relative;}
#mTime .box table tbody td {font-size:1.125em; color:#666; line-height:1.5em; border-bottom:1px solid #dcdcdc; padding:20px 0; text-align:center;}

@media screen and (max-width:1024px){
	#mTime {padding:10% 0;}
	#mTime .box table {width:calc(50% - 5px)}
	#mTime .box table thead th {height:45px; font-size:1em;}
	#mTime .box table tbody th, #mTime .box table tbody td {font-size:1em; padding:13px 0;}
}

@media screen and (max-width:767px){
	#mTime .box table {width:100%; margin-bottom:3%;}
	#mTime .box table:last-child {margin-bottom:0;}
	#mTime .box table thead th {height:40px;}
	#mTime .box table tbody th, #mTime .box table tbody td {padding:10px 0;}
}


#mNews {width:100%; padding:100px 0 110px; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; position:relative;}
#mNews:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.3; position:absolute; left:0; top:0; z-index:1;}
#mNews .s-inner {z-index:10;}
#mNews ul {width:100%;}
#mNews ul:after {content:''; display:block; width:100%; clear:both;}
#mNews ul li {float:left; width:calc(33.33% - 13.33px); margin-right:20px;}
#mNews ul li:last-child {margin-right:0;}
#mNews ul li a {display:block; width:100%; height:230px; background:#fff; box-shadow:10px 10px 30px rgba(25,25,25,0.05); padding:35px 35px; position:relative;}
#mNews ul li a:after {content:''; display:block; width:43px; height:10px; background:url(/images/icon_btn.svg) no-repeat center center; background-size:43px 10px; margin-left:20px; transition:transform 0.5s; position:absolute; right:40px; bottom:35px;}
#mNews ul li span {display:block; font-size:0.75em; color:#186abc; letter-spacing:0; font-weight:600; font-family:'Montserrat'; margin-bottom:10px;}
#mNews ul li .subject {font-size:1.375em; line-height:1.6em; font-weight:700; height:3.2em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mNews ul li .date {font-size:1em; color:#a4a4a4; font-weight:500; letter-spacing:0; font-family:'Montserrat'; margin-top:20px;}
#mNews ul li a:hover:after {transform:translateX(15px)}

@media screen and (max-width:1024px){
	#mNews {padding:13% 0; background-attachment:unset;}
	#mNews ul li {width:calc(33.33% - 6.66px); margin-right:10px;}
	#mNews ul li a {height:180px; padding:20px;}
	#mNews ul li a:after {width:35px; height:8px; background-size:35px 8px; right:20px; bottom:20px;}
	#mNews ul li span {margin-bottom:5px;}
	#mNews ul li .subject {font-size:1.125em;}
	#mNews ul li .date {font-size:0.93em; margin-top:10px;}
}

@media screen and (max-width:767px){
	#mNews ul li {float:none; width:100%; margin:0 0 10px 0;}
	#mNews ul li:last-child {margin-bottom:0;}
	#mNews ul li a {height:auto; padding:15px;}
	#mNews ul li a:after {width:25px; height:6px; background-size:25px 6px; right:15px; bottom:20px;}
	#mNews ul li a:hover:after {transform:translateX(5px);}
}


#mVideo {padding:150px 0;}
#mVideo .video_box {width:100%; height:675px; position:relative;}
#mVideo .video_box iframe {width:100%; height:100%;}

#mVideo ul {width:100%; margin-top:50px;}
#mVideo ul:after {content:''; display:block; width:100%; clear:both;}
#mVideo ul li {float:left; width:calc(50% - 10px); background:#186abc; position:relative;}
#mVideo ul li:last-child {float:right; background:#54b524;}
#mVideo ul li a {display:block; width:100%; height:220px; padding:40px 50px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mVideo ul li a:after {content:''; display:block; width:43px; height:10px; background:url(../images/icon_btn_w.svg) no-repeat center center; background-size:43px 10px; transition:transform 0.5s; position:absolute; right:50px; bottom:50px;}
#mVideo ul li h3 {font-size:1.875em; color:#fff; font-weight:600; font-family:'S Dream'}
#mVideo ul li span {display:block; font-size:0.75em; color:rgba(255,255,255,0.6); letter-spacing:0; font-family:'Montserrat'; margin-top:10px;}
#mVideo ul li a:hover:after {transform:translateX(15px)}

@media screen and (max-width:1220px){
	#mVideo .video_box {height:47vw;}
}

@media screen and (max-width:1024px){
	#mVideo {padding:13% 0;}
	#mVideo ul {margin-top:5%;}
	#mVideo ul li {width:calc(50% - 5px)}
	#mVideo ul li a {height:180px; padding:25px;}
	#mVideo ul li a:after {width:35px; height:8px; background-size:35px 8px; bottom:30px; right:30px;}
	#mVideo ul li h3 {font-size:1.5em;}
	#mVideo ul li span {margin-top:5px;}
}

@media screen and (max-width:767px){
	#mVideo ul li {float:none; width:100%;}
	#mVideo ul li:last-child {float:none; margin-top:5px;}
	#mVideo ul li a {height:150px; padding:15px;}
	#mVideo ul li a:after {width:25px; height:6px; background-size:25px 6px; bottom:20px; right:20px;}
	#mVideo ul li a:hover:after {transform:translateX(5px)}
}


#mLocation .map {width:100%; height:350px; background:#f8f9fc; position:relative;}
#mLocation .map > div {width:100% !important; height:100% !important;}
#mLocation .root_daum_roughmap .wrap_map {height:100% !important;}

@media screen and (max-width:1024px){
	#mLocation .map {height:250px;}
}