@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;}
.w980{width:980px; margin:0 auto;}

/* fixedbar */
.fixedbar{position:fixed; left:50%; top:30%; margin-left:550px; z-index:9999; text-align:center; border:1px solid #ddd; background:#fff;}
.fixedbar a{display:block; padding:10px 5px; border-bottom:1px solid #ddd;}
.fixedbar a p{font-size:12px; font-weight:400; color:#000;}
.fixedbar a div{margin-top:5px;}
.fixedbar a div img{width:30px;}
.fixedbar .topbutton{padding:10px 0; font-size:14px; font-weight:700; color:#000; line-height:20px; cursor:pointer;}
.fixedbar .topbutton span{font-size:12px; font-weight:400; color:#090;}


/* top */
.top{border-top:1px solid #000;}
.topbg1 .menubox1{padding:20px 0;}
.topbg1 .menubox1 .logo{float:left; width:50%;}
.topbg1 .menubox1 .ulbox1{float:right; width:50%;}
.topbg1 .menubox1 .ulbox1 li{float:right; margin-left:10px; padding:10px 0;}
.topbg1 .menubox1 .ulbox1 li a{display:block; padding-left:10px; font-size:14px; color:#000; line-height:12px; border-left:1px solid #ddd; transition:all 0.3s;}
.topbg1 .menubox1 .ulbox1 li:last-child a{border-left:none;}
.topbg1 .menubox1 .ulbox1 li a:hover{color:#999;}

.topbg2{background:#090;}
.topbg2 .menubox2{position:relative;}
.topbg2 .menubox2 .ulbox2>li{position:relative; float:left;}  
.topbg2 .menubox2 .ulbox2>li>a{display:block; padding:15px 40px; font-size:16px; font-weight:700; color:#fff;}
.topbg2 .menubox2 .ulbox2>li:first-child>a{padding-left:0;}
.topbg2 .menubox2 .ulbox2>li:last-child{float:right; padding-right:0; padding-top:12px; cursor:pointer;}
.topbg2 .menubox2 .ulbox2>li:last-child img{width:30px;}
.topbg2 .menubox2 .ulbox2>li:last-child .menubtn2{display:none;}
.topbg2 .menubox2 .ulbox2>li ul{display:none; position:absolute; top:45px; left:30px; z-index:9998; width:400px;}
.topbg2 .menubox2 .ulbox2>li:first-child ul{left:0;}
.topbg2 .menubox2 .ulbox2>li ul li{float:left;}
.topbg2 .menubox2 .ulbox2>li ul li a{display:block; padding:10px 15px; font-size:14px; font-weight:400; color:#333; transition:all 0.3s;}
.topbg2 .menubox2 .ulbox2>li ul li a:first-child{padding-left:10px;}
.topbg2 .menubox2 .ulbox2>li:first-child ul li{margin-left:-5px;}
.topbg2 .menubox2 .ulbox2>li:first-child ul li:first-child a:first-child{padding-left:5px;}
.topbg2 .menubox2 .ulbox2>li ul li a:hover{color:#999;}

/* menubtn submenu style */
.topbg2 .menubox2 .submenubox{display:none; position:absolute; top:49px; left:0; z-index:9999; width:100%; padding:30px 30px 100px 30px; border:1px solid #ddd; background:#fff;}
.topbg2 .menubox2 .submenubox .submenu{display:inline-table; width:150px; margin-right:30px;}
.topbg2 .menubox2 .submenubox .submenu p{padding:10px; font-size:14px; font-weight:400; color:#333; background:#ddd;}
.topbg2 .menubox2 .submenubox .submenu ul{margin-top:10px;}
.topbg2 .menubox2 .submenubox .submenu ul li{list-style:disc inside; line-height:26px;}
.topbg2 .menubox2 .submenubox .submenu ul li a{font-size:14px; font-weight:400; color:#333; transition:all 0.3s;}
.topbg2 .menubox2 .submenubox .submenu ul li a:hover{color:#999;}

		

/* section all */
.container1{padding-bottom:50px;}
.sectionbox .title{position:relative; font-size:16px; font-weight:700; color:#333;}
.sectionbox .title a{position:absolute; top:5px; right:0; font-size:14px; font-weight:400; color:#333;}
.sectionbox .board{margin-top:20px;}


/* section */
.sectionbox1{float:left; width:655px; height:390px; margin-right:15px; padding-top:30px; border-bottom:1px solid #ddd;}
.sectionbox1>div{padding:66px 0; border-bottom:1px solid #ddd;}
.sectionbox1>div:last-child{border-bottom:none;}
.sectionbox1 .main{padding-top:0;}
.sectionbox1 .main .mySwiper{overflow: hidden; position: relative;}
.sectionbox1 .main .mySwiper {height: 390px;}

.sectionbox1 .iconbox .icon{display:block; float:left; width:16.6%; text-align:center;}
.sectionbox1 .iconbox .icon div img{width:50px;}
.sectionbox1 .iconbox .icon p{margin-top:10px; font-size:14px; font-weight:400; color:#333;}

.sectionbox1 .boardbox{position:relative; height:300px;}
.sectionbox1 .boardbox ul{margin-top:20px;}
.sectionbox1 .boardbox ul li{float:left; width:33.3%; padding:10px 0; font-size:14px; font-weight:400; color:#333; text-align:center; border:1px solid #ddd; cursor:pointer; transition:all 0.3s;}
.sectionbox1 .boardbox ul li:first-child{color:#fff; background:#090;}
.sectionbox1 .boardbox>div{position:absolute; top:166px; left:0; width:100%;}
.sectionbox1 .boardbox .board2,
.sectionbox1 .boardbox .board3{display:none;}
.sectionbox1 .boardbox>div a:hover{text-decoration:underline;}

.sectionbox2{float:right; width:310px; height:1000px; padding-top:30px; border:1px solid #ddd; border-top:none;}
.sectionbox2>div{border-bottom:1px solid #ddd;}
.sectionbox2>div:last-child{border-bottom:none;}
.sectionbox2 .iconbox{padding:0 10px 20px;}
.sectionbox2 .iconbox .icon{display:block; float:left; width:33.3%; text-align:center;}
.sectionbox2 .iconbox .icon div img{width:50px;}
.sectionbox2 .iconbox .icon p{margin-top:10px; font-size:12px; font-weight:400; color:#333;}

.sectionbox2 .linkbox{padding:20px;}
.sectionbox2 .linkbox ul{margin-top:20px;}
.sectionbox2 .linkbox ul li{float:left; width:50%;  transition:all 0.3s;}
.sectionbox2 .linkbox ul li a{display:block; padding:10px 0; font-size:14px; font-weight:400; color:#333; text-align:center; border:1px solid #ddd; transition:all 0.3s;}
.sectionbox2 .linkbox ul li a:hover{color:#090; border:1px solid #090;}

.sectionbox2 .bannerbox{padding:20px;}
.sectionbox2 .bannerbox .banner div a{display:block; float:left; width:49.5%; height:100px; margin-right:1%; margin-bottom:3px; padding:0 5px; font-size:14px; font-weight:400; color:#333; text-align:center; line-height:100px; border:1px solid #ddd;}
.sectionbox2 .bannerbox .banner div a:nth-child(2),
.sectionbox2 .bannerbox .banner div a:nth-child(4){margin-right:0;}
.sectionbox2 .bannerbox .banner div a img{width:100%; padding-top:28px;}

.sectionbox2 .gallerybox{padding:20px;}


/* footer */
.footer{padding-bottom:100px; border-top:2px solid #ddd;}
.footer .fbox ul{padding:10px 0; border-bottom:1px solid #ddd;}
.footer .fbox ul li{float:left; margin-top:10px; margin-right:30px;}
.footer .fbox ul li a{display:block; font-size:14px; font-weight:400; color:#333; transition:all 0.3s;}
.footer .fbox ul li a:hover{color:#999;}
.footer .fbox ul li:last-child{float:right; margin-top:0; margin-right:0;}
.footer .fbox ul li:last-child img{width:30px;}
.footer .fbox p:nth-of-type(1){margin:20px 0 10px;}
.footer .fbox p:nth-of-type(1) span{margin-right:10px; font-size:14px; font-weight:400; color:#777; line-height:20px;}
.footer .fbox p:nth-of-type(2){font-size:12px; font-weight:400; color:#777;}



/* submenu */
.sub .smenu{width:190px;}
.sub .smenu p{padding-left:10px; padding-bottom:30px; font-size:28px; font-weight:700; color:#333; border-bottom:2px solid #333;}
.sub .smenu ul li a{position:relative; display:block; padding:12px 10px; font-size:15px; font-weight:400; color:#333; border-bottom:1px solid #ddd; transition:all 0.3s;}
.sub .smenu ul li a:after{display:block; content:""; position:absolute; right:10px; top:15px; border:10px solid #ddd; border-bottom:0px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent; transform:rotate(-90deg); transition:all 0.3s;}
.sub .smenu ul li a:hover{color:#090; background:#f9f9f9;}
.sub .smenu ul li a:hover::after{border:10px solid #090; border-bottom:0px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent;}


/* submenu active */
.sub01 .smenu ul li:first-child a{color:#090; background:#f9f9f9;}
.sub02 .smenu ul li:nth-child(2) a{color:#090; background:#f9f9f9;}
.sub03 .smenu ul li:nth-child(3) a{color:#090; background:#f9f9f9;}
.sub04 .smenu ul li:nth-child(4) a{color:#090; background:#f9f9f9;}
.sub01 .smenu ul li:first-child a:after{border:10px solid #090; border-bottom:0px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent;}
.sub02 .smenu ul li:nth-child(2) a:after{border:10px solid #090; border-bottom:0px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent;}
.sub03 .smenu ul li:nth-child(3) a:after{border:10px solid #090; border-bottom:0px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent;}
.sub04 .smenu ul li:nth-child(4) a:after{border:10px solid #090; border-bottom:0px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent;}


/* sub all */
.sub{width:980px; margin:0 auto; padding:40px 0 100px;}
.sub>div{float:left;}
.sub .contents{width:750px; margin-left:40px;}
.sub .contents .conhead{position:relative;}
.sub .contents .conhead p{padding-bottom:30px; font-size:28px; font-weight:700; color:#333; border-bottom:2px solid #ddd;}
.sub .contents .conhead div{position:absolute; top:40px; right:0; font-size:14px; font-weight:400; color:#333;}
.sub .contents .conbody .board{margin-top:40px;}
.sub .contents .conbody .board th,
.sub .contents .conbody .board td,
.sub .contents .conbody .board a{font-size:16px; font-weight:500; color:#333;}
.sub .contents .conbody .round{width:300px; height:300px; margin:100px auto 0; font-size:30px; font-weight:500; color:#eee; text-align:center; line-height:300px; border:1px solid #ddd; border-radius:50%;}
.sub .contents .imgbox{margin-top:30px; text-align:center;}


/* sub style */
.sub01_01 .contents .conbody .basic{margin-top:30px; border-top:2px solid #333; border-collapse:collapse;}
.sub01_01 .contents .conbody .basic td,
.sub01_01 .contents .conbody .basic th{padding:10px; font-size:14px; color:#333; border:1px solid #ddd;}
.sub01_01 .contents .conbody .basic tr:first-child td{font-weight:700; text-align:center; background:#090;}
.sub01_01 .contents .conbody .basic th{width:15%; background:#f5f5f5;}
.sub01_01 .contents .conbody .basic td{width:35%;}