@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');



/* reset */	
* {margin:0;padding:0;}
html, body {margin:0;padding:0;}
div, section, p, ul, li, span, h1, h2, h3, h4 {margin:0;padding:0;}
h6 {display:none;}
a {color:#333;text-decoration:none;}

html, body { font-family: 'NanumSquareR'}

@font-face{
font-family:"NanumSquareR";
src:
url('/src/font/NanumSquareR.eot');
src:
url('/src/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
url('/src/font/NanumSquareR.woff') format('woff'),
url('/src/font/NanumSquareR.ttf') format('truetype');
src:local('?'), url('/src/font/NanumSquareR.woff') format('woff');
}


@font-face {
font-family: 'S-CoreDream-Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
	
	
@font-face {
font-family: 'S-CoreDream-Medium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}	
	
@font-face {
     font-family: 'S-CoreDream-Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

html, body, #wrap {width:100%;height:100%;}	

body {font-family:"noto sans kr"}

.inner_wrap {width:100%;max-width: 1400px;margin:0 auto;}


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

.inner_wrap {width:95%;}

}


#intro {text-align:center;padding: 42px 0 100px 0;background:url(/src/img/intro/intro_bg_v2.jpg) center center no-repeat;background-size:cover;position:relative;box-sizing:border-box;}
	
#intro .tit_area {margin:0 0 40px 0;}
#intro .tit_area img {max-width:100%;display:block;}
#intro .tit_area img.intro_tit {margin: 0 auto 34px;}
#intro .tit_area img.org_name {margin: 0 auto 42px;}
	
#intro ul.site_btn {font-size:0;padding: 0 0 14px;}
#intro ul.site_btn li {display:inline-block;vertical-align:top;width: 15%;margin: 0 1% 1% 0;border-radius:15px;box-sizing:border-box;background:#fff;position:relative;box-shadow:0 0 15px rgba(0,0,0,0.2);transition:0.5s;}
#intro ul.site_btn li:hover {box-shadow:0 0 10px rgba(0,0,0,0.5);transform:scale(1.02);transition:0.5s;}


#intro ul.site_btn li:last-child {margin-right:0;}
#intro ul.site_btn li:last-child:before,
#intro ul.site_btn li:last-child:after {display:none;}
	
#intro ul.site_btn li a {display:block;padding:45px 20px;color:#333;}
#intro ul.site_btn li a .name {font-size: 19px;letter-spacing: -1px;font-weight:500;line-height: 28px;margin: 0 0 24px 0;min-height: 56px;}
#intro ul.site_btn li:hover a .name{font-weight:600;}
	
#intro ul.site_btn li a .sp_icon {width:140px;height:140px;margin:0 auto 40px;background:url(/src/img/intro/intro_btn_sprite_v1.png) 0 0 no-repeat;}
	
	
#intro ul.site_btn li:nth-child(2) .sp_icon {background-position:-140px 0;}	
#intro ul.site_btn li:nth-child(3) .sp_icon {background-position:-280px 0;}	
#intro ul.site_btn li:nth-child(4) .sp_icon {background-position:-420px 0;}	
#intro ul.site_btn li:nth-child(5) .sp_icon {background-position:-560px 0;}	
#intro ul.site_btn li:nth-child(6) .sp_icon {background-position:-700px 0;}	

	
#intro ul.site_btn li a .more_btn {color: #fff;text-align:center;width:100%;/* max-width: 252px; */background: #02579b;margin:0 auto;font-size: 18px;padding:15px 0;border-radius:35px;position:relative;font-weight: 500;}
#intro ul.site_btn li a .more_btn:after {content:"";width:9px;height:13px;background:url(/src/img/intro/intro_btn_arrw_v1.png) center center no-repeat;position:absolute;right:30px;top:calc(50%);transform:translateY(-50%);}

#intro ul.site_btn li:nth-child(2) a .more_btn {background:#7860bc;}
#intro ul.site_btn li:nth-child(3) a .more_btn {background: #fdac00;}
#intro ul.site_btn li:nth-child(4) a .more_btn {background: #f63a43;}
#intro ul.site_btn li:nth-child(5) a .more_btn {background: #0b9473;}	
#intro ul.site_btn li:nth-child(6) a .more_btn {background:#3b445c;}

/* 
#intro ul.site_btn li a:hover .more_btn	{background:#02579b;}
#intro ul.site_btn li:nth-child(2) a:hover .more_btn {background:#42429f;}
#intro ul.site_btn li:nth-child(3) a:hover .more_btn {background:#fba100;}
#intro ul.site_btn li:nth-child(4) a:hover .more_btn {background:#db0e18;}
#intro ul.site_btn li:nth-child(5) a:hover .more_btn {background:#0b9473;}	 */


#intro .logo_bn {font-size:0;max-width:800px;margin: 3px auto;}
#intro .logo_bn li {display:inline-block;width:33%;}
	
#intro .contact {text-align:center;background:#478ec8;padding:20px 0;position:absolute;left:0;bottom:0;width:100%;}
#intro .contact span {display:inline-block;vertical-align:middle;font-size:22px;color:#fff;padding:0 5px;font-weight: 400;}
	

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


#intro {padding-bottom:0;}
#intro ul.site_btn {margin: 0 0 42px 0;}
#intro ul.site_btn li {width:32%;margin:0 2% 2% 0;}
#intro ul.site_btn li:nth-child(3n) {margin-right:0;}
#intro ul.site_btn li:before,
#intro ul.site_btn li:after {display:none;}

#intro .logo_bn {margin:2% auto 5% auto;}

#intro .contact {position:static;}
        
}


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


#intro {padding:100px 0 0 0;background: #8dbce8;}
#intro ul.site_btn li {width:100%;}
#intro ul.site_btn li a .more_btn {font-size:18px;}
	
}
	
	
@media all and (max-width:768px){

#intro .contact span {display:block;margin:0 auto;}
#intro .logo_bn li {display:block;text-align:center;margin:2% auto;}
}