@charset "euc-kr";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:300,400,500,700,900|Roboto:400,500,700');
/* font-family: 'Roboto', sans-serif; font-family: 'NanumGothic', sans-serif; font-family: 'Noto Sans KR', sans-serif; */
*{margin:0; padding:0; font-family:'³ª´®°íµñ', 'Nanum Gothic', 'NanumGothic', sans-serif; box-sizing:border-box; letter-spacing:-1px;}

a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
.w1070,
.section{width:1070px; margin:0 auto;}


/* top */
.top .menu{position:relative; display:table; height:90px;}
.top .menu .logo{position:absolute; top:10px; left:50%; transform:translateX(-50%); z-index:1;}
.top .menu .ulbox{display:table-cell; vertical-align:middle;}
.top .menu .ulbox li{float:left; width:20%;}
.top .menu .ulbox li:nth-child(3),
.top .menu .ulbox li:nth-child(4){float:right; text-align:right;}
.top .menu .ulbox li a{font-size:18px; font-weight:700; color:#000;}


/* slide text */
.slidetext{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999; width:80%;}
.slidetext p:nth-of-type(1){font-size:60px; font-weight:800; color:#fff;}
.slidetext p:nth-of-type(2){margin:60px 0 30px; font-size:18px; font-weight:700; color:#ddd; line-height:30px;}
.slidetext p:nth-of-type(3){font-size:30px; font-weight:700; color:#fff;}


/* section style */
.section{padding:50px 0;}
.section .sbox{margin-top:50px;}
.section .sbox1{margin-top:0;}
.section .sbox .title{padding-left:40px; font-size:30px; font-weight:700; color:#333;}
.section .sbox1 .title{background:url('../img/slogo01.png') no-repeat left center / 30px;}
.section .sbox2 .title{background:url('../img/slogo02.png') no-repeat left center / 30px;}
.section .sbox3 .title{padding-left:96px; background:url('../img/slogo03.png') no-repeat left center / 86px;}
.section .sbox4 .title{padding-left:69px; background:url('../img/slogo04.png') no-repeat left center / 59px;}
.section .sbox5 .title{padding:5px 0 5px 40px; background:url('../img/slogo05.png') no-repeat left center / 30px;}
.section .sbox6 .title{background:url('../img/slogo06.png') no-repeat left center / 30px;}
.section .sbox7 .title{padding-left:0;}
.section .sbox8 .title{padding:5px 0 5px 110px; background:url('../img/slogo08.png') no-repeat left center;}
.section .sbox .ssbox{margin-top:10px;}
.section .sbox .ssbox .box{position:relative; float:left; width:350px; margin-right:10px; margin-bottom:10px;}
.section .sbox .ssbox .box:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #ddd; transition:all 0.5s; box-sizing:border-box;}
.section .sbox .ssbox .box:nth-child(3n){margin-right:0;}
.section .sbox .ssbox .box div{height:270px; overflow:hidden;}
.section .sbox .ssbox .box div img{}
.section .sbox .ssbox .box p{padding:20px 0; font-size:16px; font-weight:700; color:#333; text-align:center;}
.section .sbox .ssbox .box p:nth-of-type(1){color:#fff; background:#333;}
.section .sbox .ssbox .box p:nth-of-type(2){color:#fff; background:#f00;}
.section .sbox .ssbox .box p:nth-of-type(3){background:#ddd;}
.section .sbox .ssbox .box2 div{background:url('../img/logo2.png') no-repeat center;}
.section .sbox .ssbox .box2 p:nth-of-type(1){color:#333; background:#eee;}
.section .sbox .ssbox .box2 p:nth-of-type(2){color:#333; background:#ddd;}
.section .sbox .ssbox .box2 p:nth-of-type(3){color:#333; background:#ccc;}
.section .sbox .ssbox .box:hover:before{border-color:#f00;}

/* footer */
.footer{padding:50px 0; background:#000;}
.footer .sbox p{font-size:14px; font-weight:400; color:#999;}
.footer .sbox p:nth-of-type(1) span{margin-right:10px; font-size:14px; font-weight:400; color:#999;}
.footer .sbox p:nth-of-type(2){margin-top:30px;}

/* sub all */
.sub .contents{width:1070px; margin:0 auto;}
.sub .contents{padding:50px 0 100px;}
.sub01 .subtop{height:300px; background:url('../img/sub01_bg.jpg') no-repeat center;}
.sub02 .subtop{height:300px; background:url('../img/sub02_bg.jpg') no-repeat center;}
.sub03 .subtop{height:300px; background:url('../img/sub03_bg.jpg') no-repeat center;}
.sub04 .subtop{height:300px; background:url('../img/sub04_bg.jpg') no-repeat center;}
.sub .contents .navi p{font-size:30px; font-weight:700; color:#333;}
.sub .contents .navi p span{float:right; font-size:14px; font-weight:400; color:#333;}
.sub .contents .board{margin-top:50px;}

/* sub style */
.sub01 .contents .sbox1{margin:50px 0;}
.sub01 .contents .sbox1 p{text-align:center;}
.sub01 .contents .sbox1 p:nth-of-type(1){font-size:40px; font-weight:700; color:#333;}
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&display=swap');
.sub01 .contents .sbox1 p:nth-of-type(2){margin:10px 0; font-size:60px; font-weight:400; color:#F90; font-family: 'Nanum Pen Script', cursive;}
.sub01 .contents .sbox1 p:nth-of-type(3){font-size:14px; font-weight:400; color:#333; letter-spacing:1px;}
.sub01 .contents .sbox2{background:url('../img/sub01_img01.png') no-repeat left 150px;}
.sub01 .contents .sbox2 p{padding-left:400px;}
.sub01 .contents .sbox2 p:nth-of-type(1){padding:0; font-size:70px; font-weight:800; color:#555; letter-spacing:-10px; text-shadow:1px 0 2px #000; border-bottom:1px solid #555;}
.sub01 .contents .sbox2 p:nth-of-type(2){margin:120px 0 10px; font-size:20px; font-weight:700; color:#333;}
.sub01 .contents .sbox2 p:nth-of-type(3){font-size:16px; font-weight:400; color:#333; line-height:24px;}
.sub01 .contents .sbox2 p:nth-of-type(4){margin-top:50px; font-size:20px; font-weight:700; color:#333; text-align:right;}
.sub01 .contents .sbox2 p:nth-of-type(4) span{margin-left:10px; font-size:30px; font-weight:400; color:#333; font-family: 'Nanum Pen Script', cursive;}

.sub02 .contents .sbox{margin-top:50px;}
.sub02 .contents .sbox>p:nth-of-type(1){font-size:20px; font-weight:700; color:#333;}
.sub02 .contents .sbox .ssbox{margin-top:10px;}
.sub02 .contents .sbox .ssbox div{float:left; width:350px; height:300px; margin-right:10px; padding:40px; text-align:center; border:1px solid #ddd; background:#f5f5f5;}
.sub02 .contents .sbox .ssbox div:nth-child(3),
.sub02 .contents .sbox .ssbox div:nth-child(6){margin-right:0;}
.sub02 .contents .sbox .ssbox div p:nth-of-type(1){font-size:20px; font-weight:700; color:#333;}
.sub02 .contents .sbox .ssbox div p:nth-of-type(1) span{margin-right:10px; padding:5px; font-size:20px; font-weight:700; color:#fff; background:#06f;}
.sub02 .contents .sbox .ssbox div p:nth-of-type(2){margin-top:10px; font-size:16px; font-weight:700; color:#333; line-height:30px;}
.sub02 .contents .sbox2 .ssbox div{text-align:left;}
.sub02 .contents .sbox2 .ssbox div:nth-child(4),
.sub02 .contents .sbox2 .ssbox div:nth-child(5),
.sub02 .contents .sbox2 .ssbox div:nth-child(6){margin-top:10px;}