@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', sans-serif; box-sizing:border-box;}

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;}

.container {position: relative;}
.container .blog_btn {position: absolute; right: 30px; top: 40px; z-index: 9;}
.container .blog_btn img {width: 80px; height: 80px; border-radius: 50%;}

/* top */
.menubox{position:fixed; top:0; left:0; z-index:9999; width:300px; height:100%; padding:20px 30px; box-shadow:3px 3px 10px #555; background:#fff;}
.menubox p a{font-size:34px; font-weight:700; color:#000;}
.menubox p span{font-size:20px; font-weight:700; color:#000;}
.menubox ul{margin-top:10px;}
.menubox ul li a{display:block; padding:15px 0; font-size:14px; font-weight:400; color:#000; border-bottom:1px solid #ddd;}
.menubox ul li a:hover{color:#f60; font-weight:700;}
.menubox .iconbox{margin-top:25px; text-align:center;}
.menubox .iconbox a{margin:0 5px;}
.menubox .iconbox img{width:40px;}


/* main img */
.sectionbox .main{height:800px; overflow:hidden;}
.sectionbox .main > img{height:100%;}
.sectionbox .main {position: relative;}


/* section style */
.sectionbox{padding-left:300px;}
.sectionbox .section1{padding:30px 20px; background:#fbb700;}
.sectionbox .section1 .sbox{float:left; width:50%;}
.sectionbox .section1 .sbox1 p:nth-of-type(1){font-size:16px; font-weight:700; color:#000;}
.sectionbox .section1 .sbox1 p:nth-of-type(2){margin:10px 0 50px; font-size:14px; font-weight:400; color:#000;}
.sectionbox .section1 .sbox1 p:nth-of-type(3){font-size:14px; font-weight:700; color:#000;}
.sectionbox .section1 .sbox1 p:nth-of-type(4){font-size:12px; font-weight:400; color:#000; line-height:20px;}
.sectionbox .section1 .sbox2 img{width:100%;}

.sectionbox .section2 .sbox1{padding:100px 0; background:#fff;}
.sectionbox .section2 .sbox1 p{text-align:center;}
.sectionbox .section2 .sbox1 p:nth-of-type(1){font-size:30px; font-weight:700; color:#333;}
.sectionbox .section2 .sbox1 p:nth-of-type(2){margin-top:30px; font-size:20px; font-weight:400; color:#333; line-height:30px;}
.sectionbox .section2 .sbox2 .imgbox{display:table; float:left; height:350px;}
.sectionbox .section2 .sbox2 .imgbox .textbox{display:table-cell; vertical-align:middle;}
.sectionbox .section2 .sbox2 .imgbox .textbox p{font-size:12px; font-weight:400; color:#fff; text-align:center; line-height:30px;}
.sectionbox .section2 .sbox2 .imgbox1 .textbox p:first-child{margin:100px 0; font-size:50px; font-weight:800;}
.sectionbox .section2 .sbox2 .imgbox1{width:35%; background:url('../img/section02_img01.jpg') no-repeat center;}
.sectionbox .section2 .sbox2 .imgbox2{width:20%; background:url('../img/section02_img02.jpg') no-repeat center;}
.sectionbox .section2 .sbox2 .imgbox3{width:15%; background:url('../img/section02_img03.jpg') no-repeat center top;}
.sectionbox .section2 .sbox2 .imgbox4{width:20%; background:url('../img/section02_img04.jpg') no-repeat right center;}
.sectionbox .section2 .sbox2 .imgbox5{width:10%; background:url('../img/section02_img05.jpg') no-repeat center;}

.sectionbox .section3 .sbox1{padding:100px 0; background:#fbb700;}
.sectionbox .section3 .sbox1 p{text-align:center;}
.sectionbox .section3 .sbox1 p:nth-of-type(1){font-size:30px; font-weight:700; color:#000; line-height:40px;}
.sectionbox .section3 .sbox2 .imgbox{display:table; float:left; width:25%; height:300px;}
.sectionbox .section3 .sbox2 .imgbox .textbox{display:table-cell; vertical-align:middle;}
.sectionbox .section3 .sbox2 .imgbox .textbox p:nth-of-type(1){font-size:16px; font-weight:700; color:#fff; text-align:center;}
.sectionbox .section3 .sbox2 .imgbox .textbox p:nth-of-type(2){margin-top:20px; font-size:12px; font-weight:400; color:#fff; text-align:center; line-height:20px;}
.sectionbox .section3 .sbox2 .imgbox1{background:url('../img/section03_img01.jpg') no-repeat center;}
.sectionbox .section3 .sbox2 .imgbox2{background:url('../img/section03_img02.jpg') no-repeat center;}
.sectionbox .section3 .sbox2 .imgbox3{background:url('../img/section03_img03.jpg') no-repeat center;}
.sectionbox .section3 .sbox2 .imgbox4{background:url('../img/section03_img04.jpg') no-repeat center;}
.sectionbox .section3 .sbox2 .imgbox5{background:url('../img/section03_img05.jpg') no-repeat center;}
.sectionbox .section3 .sbox2 .imgbox6{background:url('../img/section03_img06.jpg') no-repeat center;}
.sectionbox .section3 .sbox2 .imgbox7{background:url('../img/section03_img07.jpg') no-repeat center;}
.sectionbox .section3 .sbox2 .imgbox8{background:url('../img/section03_img08.jpg') no-repeat center;}

.sectionbox .section4{padding:50px 20px;}
.sectionbox .section4 .title{position:relative; padding-bottom:10px; font-size:30px; font-weight:400; color:#333; border-bottom:1px solid #ddd;}
.sectionbox .section4 .title a{position:absolute; top:3px; left:125px; padding:5px 10px; font-size:16px; font-weight:700; color:#777; border:1px solid #ddd; border-radius:5px;}
.sectionbox .section4 .sbox{margin-top:10px;}
.sectionbox .section4 .sbox div{float:left; width:9%; height:100px; margin-right:1.1%; padding:5px 10px; background:#fbb700;}
.sectionbox .section4 .sbox div:last-child{margin-right:0;}
.sectionbox .section4 .sbox div p:nth-of-type(1){font-size:20px; font-weight:700; color:#fff; text-align:right;}
.sectionbox .section4 .sbox div p:nth-of-type(2){margin-top:10px; font-size:12px; font-weight:700; color:#fff;}

.sectionbox .section5{padding:50px 20px;}
.sectionbox .section5 .title{padding-bottom:10px; font-size:30px; font-weight:400; color:#333; border-bottom:1px solid #ddd;}



/* footer */
.footer{padding:50px 150px; background:#444;}
.footer .fbox1{padding-bottom:80px; border-bottom:1px solid #666;}
.footer .fbox1 ul{padding:20px 0;}
.footer .fbox1 ul li{float:left;}
.footer .fbox1 ul li a{display:block; padding-right:20px; font-size:14px; font-weight:400; color:#aaa;}
.footer .fbox1 p{margin-top:40px; line-height:20px;}
.footer .fbox1 p span{margin-right:10px; font-size:14px; font-weight:400; color:#aaa;}

.footer .fbox2{padding-top:80px;}
.footer .fbox2 p:nth-of-type(1){font-size:30px; font-weight:700; color:#fff;}
.footer .fbox2 p:nth-of-type(2){margin-top:20px; font-size:14px; font-weight:400; color:#aaa;}



/* sub all */
.sub{padding:100px 20px;}
.sub .navi{font-size:14px; font-weight:400; color:#333;}
.sub .navi a{margin-right:10px; font-size:14px; font-weight:400; color:#333;}
.sub .navi span{margin-left:10px; font-size:14px; font-weight:400; color:#333;}
.sub .title{margin-top:20px; padding-bottom:20px; font-size:20px; font-weight:700; color:#333; border-bottom:1px solid #ddd;}
.sub .contents .board{margin-top:20px;}
.sub .contents .map{width:1200px; margin:20px auto 0;}


/* sub sytle */
.sub01 .contents .sbox1{margin-top:20px; padding:20px; font-size:20px; font-weight:700; color:#2b0e15;} 
.sub01 .contents .sbox2{padding:20px; background:#2b0e15;}
.sub01 .contents .sbox2 p:nth-of-type(1){font-size:18px; font-weight:700; color:#fff;}
.sub01 .contents .sbox2 p:nth-of-type(2){margin:10px 0 20px; font-size:14px; font-weight:400; color:#ddd; line-height:24px;}
.sub01 .contents .sbox2 p:nth-of-type(3){font-size:16px; font-weight:700; color:#fff;}
.sub01 .contents .sbox2 p:nth-of-type(4){margin-top:20px; font-size:14px; font-weight:400; color:#ddd;}
.sub01 .contents .sbox3{height:400px; overflow:hidden;}
.sub01 .contents .sbox3 img{height:100%;}

.sub02 .contents .sbox1{margin-top:20px; padding:20px; font-size:20px; font-weight:700; color:#2b0e15;} 
.sub02 .contents .sbox2{padding:20px; background:#2b0e15;}
.sub02 .contents .sbox2 p:nth-of-type(1){font-size:18px; font-weight:700; color:#fff;}
.sub02 .contents .sbox2 p:nth-of-type(2){margin-top:10px; font-size:14px; font-weight:400; color:#ddd; line-height:24px;}
.sub02 .contents .sbox3{padding:50px 0; text-align:center; background:#222;}
.sub02 .contents .sbox3 div{display:inline-block; width:200px; height:200px; margin:0 15px; padding-top:70px; font-size:18px; font-weight:700; color:#fff; line-height:30px; border-radius:50%;}
.sub02 .contents .sbox3 div:first-child{background:#957ec2;}
.sub02 .contents .sbox3 div:nth-child(2){background:#7497cf;}
.sub02 .contents .sbox3 div:last-child{background:#c2987f;}
.sub02 .contents .sbox4{height:400px; margin:20px 0; text-align:right; background:url('../img/sub02_img01.jpg') no-repeat left center; overflow:hidden;} 
.sub02 .contents .sbox4 p{padding:30px 30px 0 0; font-size:20px; font-weight:700; color:#fff; background:rgba(0,0,0, 0.3);}
.sub02 .contents .sbox4 ul{height:100%; padding:10px 30px 0 0; line-height:30px; background:rgba(0,0,0, 0.3);}
.sub02 .contents .sbox4 ul li{font-size:16px; font-weight:700; color:#fff;}
.sub02 .contents .sbox5{padding:30px; border:1px solid #ddd;}
.sub02 .contents .sbox5 p{font-size:20px; font-weight:700; color:#333;}
.sub02 .contents .sbox5 div{margin-top:10px; overflow:hidden;}
.sub02 .contents .sbox5 div img{float:left; width:16.6%;}

.sub03 .contents .basic{margin:20px auto 0; border-top:2px solid #2b0e15; border-collapse:collapse;}
.sub03 .contents .basic th,
.sub03 .contents .basic td{padding:20px 10px; font-size:14px; color:#333; border:1px solid #ddd;}

.sub04 .contents .sbox1{margin-top:20px; padding:20px; background:#2b0e15;}
.sub04 .contents .sbox1 p:nth-of-type(1){font-size:18px; font-weight:700; color:#fff;}
.sub04 .contents .sbox1 p:nth-of-type(2){margin-top:10px; font-size:14px; font-weight:400; color:#ddd; line-height:24px;}
.sub04 .contents .sbox2{height:400px; margin:20px 0; background:url('../img/sub04_img01.jpg') no-repeat left center; overflow:hidden;} 
.sub04 .contents .sbox2 p{padding:30px 0 0 30px; font-size:20px; font-weight:700; color:#fff; background:rgba(0,0,0, 0.3);}
.sub04 .contents .sbox2 ul{height:100%; padding:10px 0 0 30px; line-height:30px; background:rgba(0,0,0, 0.3);}
.sub04 .contents .sbox2 ul li{font-size:16px; font-weight:700; color:#fff;}
.sub04 .contents .sbox3{padding:30px; border:1px solid #ddd;}
.sub04 .contents .sbox3 p{font-size:20px; font-weight:700; color:#333;}
.sub04 .contents .sbox3 div{margin-top:10px;}
.sub04 .contents .sbox3 div img{width:24%;}

.sub06 .contents .sbox{margin:20px 0; padding:30px; border:1px solid #ddd;}
.sub06 .contents .sbox p{font-size:20px; font-weight:700; color:#333;}
.sub06 .contents .sbox div{margin-top:10px;}

.sub07 .contents .sbox1{margin:20px 0; padding:30px; border:1px solid #ddd;}
.sub07 .contents .sbox1 p{font-size:20px; font-weight:700; color:#333;}
.sub07 .contents .sbox1 div{margin-top:10px;}
.sub07 .contents .sbox1 div img{width:24%;}
.sub07 .contents .sbox2{padding:20px; background:#2b0e15;}
.sub07 .contents .sbox2 p:nth-of-type(1){font-size:18px; font-weight:700; color:#fff;}
.sub07 .contents .sbox2 p:nth-of-type(2){margin-top:10px; font-size:14px; font-weight:400; color:#ddd; line-height:24px;}

.sub09 .contents .sbox1{margin:20px 0;}
.sub09 .contents .sbox2{padding:20px; background:#2b0e15;}
.sub09 .contents .sbox2 p:nth-of-type(1){font-size:18px; font-weight:700; color:#fff;}
.sub09 .contents .sbox2 p:nth-of-type(2){margin-top:10px; font-size:14px; font-weight:400; color:#ddd; line-height:24px;}
.sub09 .contents .sbox3{margin:20px 0; height:400px; background:url('../img/sub09_img13.jpg') no-repeat left center; overflow:hidden;} 
.sub09 .contents .sbox3 p{padding:30px 0 0 30px; font-size:20px; font-weight:700; color:#fff; background:rgba(0,0,0, 0.3);}
.sub09 .contents .sbox3 ul{height:100%; padding:10px 0 0 30px; line-height:30px; background:rgba(0,0,0, 0.3);}
.sub09 .contents .sbox3 ul li{font-size:16px; font-weight:700; color:#fff;}
.sub09 .contents .sbox4 p{font-size:20px; font-weight:700; color:#333;}
.sub09 .contents .sbox4 .basic{margin-top:10px; border-top:2px solid #2b0e15; border-collapse:collapse;}
.sub09 .contents .sbox4 .basic th,
.sub09 .contents .sbox4 .basic td{padding:10px; font-size:14px; color:#333; text-align:center; border:1px solid #ddd;}
.sub09 .contents .sbox4 .basic th{background:#d5eeff;}

.sub10 .contents .sbox1{margin:20px 0; padding:20px; background:#2b0e15;}
.sub10 .contents .sbox1 p:nth-of-type(1){font-size:18px; font-weight:700; color:#fff;}
.sub10 .contents .sbox1 p:nth-of-type(2){margin-top:10px; font-size:14px; font-weight:400; color:#ddd; line-height:24px;}
.sub10 .contents .sbox2{margin:20px 0; height:400px; background:url('../img/sub10_img13.jpg') no-repeat left center; overflow:hidden;} 
.sub10 .contents .sbox2 p{padding:30px 0 0 30px; font-size:20px; font-weight:700; color:#fff; background:rgba(0,0,0, 0.3);}
.sub10 .contents .sbox2 ul{height:100%; padding:10px 0 0 30px; line-height:30px; background:rgba(0,0,0, 0.3);}
.sub10 .contents .sbox2 ul li{font-size:16px; font-weight:700; color:#fff;}
.sub10 .contents .sbox3 p{font-size:20px; font-weight:700; color:#333;}
.sub10 .contents .sbox3 .basic{margin-top:10px; border-top:2px solid #2b0e15; border-collapse:collapse;}
.sub10 .contents .sbox3 .basic th,
.sub10 .contents .sbox3 .basic td{padding:10px; font-size:14px; color:#333; text-align:center; border:1px solid #ddd;}
.sub10 .contents .sbox3 .basic th{background:#d5eeff;}

.sub11 .contents .sbox1{margin-top:20px; padding:20px; background:#2b0e15;}
.sub11 .contents .sbox1 p:nth-of-type(1){font-size:18px; font-weight:700; color:#fff;}
.sub11 .contents .sbox1 p:nth-of-type(2){margin-top:10px; font-size:14px; font-weight:400; color:#ddd; line-height:24px;}
.sub11 .contents .sbox2{height:400px; overflow:hidden;}
.sub11 .contents .sbox2 img{height:100%;}