@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;}
.top .tbox,
.section .sbox,
.footer .fbox{width:1080px; margin:0 auto;}



/* top */
.top1 .tbox{height:86px; padding-top:15px;}
.top1 .tbox ul{float:right;}
.top1 .tbox ul li{float:left; margin-left:10px;}
.top1 .tbox ul li a{font-size:12px; font-weight:700; color:#999; transition:all 0.5s;}
.top1 .tbox ul li:hover a{color:#f60;}
.top1 .tbox .logo{text-align:center;}
.top1 .tbox .logo img{width:300px;}
.top2{border-top:1px solid #ddd; border-bottom:1px solid #000;}
.top2 .tbox{height:50px;}


/* menu_all */
.top2 .tbox .menu_all{position:relative; float:left; width:125px;}
.top2 .tbox .menu_all .menubtn{position:relative; padding-left:25px; font-size:15px; font-weight:400; color:#333; line-height:50px; cursor:pointer;}
.top2 .tbox .menu_all .menubtn ul{position:absolute; top:0; left:0; width:18px; padding-top:17px;}
.top2 .tbox .menu_all .menubtn ul li{height:3px; margin-bottom:3px; background:#666;}
.top2 .tbox .menu_all .menubtn ul .bar_b{margin-bottom:0;}
.top2 .tbox .menu_all .submenubox{display:none; position:absolute; top:50px; left:0; z-index:9999; width:300px; height:500px; background:#fff; overflow:hidden;}
.top2 .tbox .menu_all .submenu1{height:500px; overflow-Y:scroll;}
.top2 .tbox .menu_all .submenu1 p{padding:20px 10px; background:#666;}
.top2 .tbox .menu_all .submenu1 p a{padding:9px 15px; font-size:13px; font-weight:400; color:#fff; background:#f00;}
.top2 .tbox .menu_all .submenu1 p .close{float:right; font-size:40px; font-weight:400; color:#fff; line-height:16px; cursor:pointer;}
.top2 .tbox .menu_all .submenu1 ul li{float:left; width:50%;}
.top2 .tbox .menu_all .submenu1 ul li:first-child{width:100%; padding-left:10px; font-size:13px; font-weight:700; color:#000; line-height:40px;}
.top2 .tbox .menu_all .submenu1 ul li a{position:relative; display:block; height:40px; margin-top:-1px; padding-left:10px; font-size:13px; font-weight:400; color:#777; line-height:40px; border:1px solid #ddd; border-left:none;}
.top2 .tbox .menu_all .submenu1 ul li a:before{content:""; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:5px; height:1px; transform:rotate(45deg); transform-origin:right; background:#333;}
.top2 .tbox .menu_all .submenu1 ul li a:after{content:""; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:5px; height:1px; transform:rotate(-45deg); transform-origin:right; background:#333;}
.top2 .tbox .menu_all .submenu1 ul li:hover a{background:#f5f5f5;}


/* menu */
.top2 .tbox .menubox{float:right;}
.top2 .tbox .menubox li{position:relative; float:left; margin-left:100px;}
.top2 .tbox .menubox li:first-child{margin-left:0;}
.top2 .tbox .menubox li>a{display:block; font-size:17px; font-weight:700; color:#333; text-align:center; line-height:50px;}


/* submenu */
.top2 .tbox .menubox .submenu2{display:none; position:absolute; top:50px; left:-20px; z-index:9999; width:150px; border:1px solid #ddd; background:#fff;}
.top2 .tbox .menubox .submenu2 p a{display:block; padding:10px 20px; font-size:13px; font-weight:700; color:#333; border-bottom:1px solid #ddd;}
.top2 .tbox .menubox .submenu2 p a:hover{background:#f5f5f5;}


/* section all */
.section{padding-top:50px;}
.section .sbox .ssbox>p{font-size:24px; font-weight:700; color:#000;}


/* section style */
.section1 .sbox .ssbox{float:left; width:520px;}
.section1 .sbox .ssbox1{margin-right:40px;}
.section1 .sbox .ssbox>p>a{display:block; font-size:24px; font-weight:700; color:#000;}
.section1 .sbox .ssbox>p>a>span{display:block; float:right; width:24px; height:24px; margin-top:3px; font-size:20px; font-weight:700; color:#ddd; text-align:center; line-height:24px; border:1px solid #ddd;}
.section1 .sbox .ssbox .board{margin-top:10px;}
.section1 .sbox .ssbox .board table{border-collapse:collapse;}
.section1 .sbox .ssbox .board td{padding:15px 0; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;} 
.section1 .sbox .ssbox .board td,
.section1 .sbox .ssbox .board td a{font-size:16px; font-weight:400; color:#000;}

.section2 .sbox .ssbox .board{margin-top:10px;}
.section2 .sbox .ssbox .board td{font-size:13px; font-weight:400; color:#000; line-height:20px;}


.section3 .sbox .ssbox{float:left; width:25%; height:190px; padding:0 20px; border-right:1px solid #ddd;}
.section3 .sbox .ssbox1{border-left:1px solid #ddd;}
.section3 .sbox .ssbox>p>a{display:block; padding-bottom:10px; font-size:16px; font-weight:700; color:#333; border-bottom:1px solid #ddd;}
.section3 .sbox .ssbox>p>a>span{display:block; float:right; width:20px; height:20px; font-size:10px; font-weight:700; color:#000; text-align:center; line-height:20px; border:1px solid #ddd; border-radius:50%;}
.section3 .sbox .ssbox .board{margin-top:10px;}
.section3 .sbox .ssbox .board td{height:30px;}
.section3 .sbox .ssbox .board td a{font-size:13px; font-weight:400; color:#000;}

.section4{padding-bottom:100px;}


/* footer */
.footer{padding:30px 0; border-top:1px solid #ddd; background:#f5f5f5;}
.footer .fbox>div{float:left;}
.footer .fbox .flogo{width:250px;}
.footer .fbox .flogo img{width:200px;}
.footer .fbox .ftext p{line-height:24px;}
.footer .fbox .ftext p span{margin-right:10px; font-size:14px; font-weight:400; color:#999;}


/* topbutton */
#topbutton{display:none; position:fixed; right:30px; bottom:50px; z-index:9999; width:50px; height:50px; font-size:15px; font-weight:400; color:#fff; text-align:center; line-height:50px; border-radius:50%; background:#000; opacity:0.7; cursor:pointer;}
#topbutton:hover{opacity:1;}


/* submenu */
.w1080{width:1080px; margin:0 auto;}
.sub .smenu{border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.sub .smenu .nav{float:left; padding:10px; border-right:1px solid #ddd;}
.sub .smenu .nav a,
.sub .smenu .nav span{font-size:14px; font-weight:400; color:#333;}
.sub .smenu .nav2,
.sub .smenu .nav3{position:relative; width:200px; cursor:pointer;}
.sub .smenu .nav2 span,
.sub .smenu .nav3 span{position:relative; display:block; padding-right:15px;}
.sub .smenu .nav2 span:before,
.sub .smenu .nav3 span:before{display:block; content:""; position:absolute; right:0; top:7px; border:6px solid #e94040; border-bottom:0px solid transparent; border-left:3px solid transparent; border-right:3px solid transparent; transition:all 0.5s;}
.sub .smenu .nav2.on span,
.sub .smenu .nav3.on span{color:#000;}
.sub .smenu .nav2.on span:before,
.sub .smenu .nav3.on span:before{transform:rotate(-180deg);}
.sub .smenu .nav2 ul,
.sub .smenu .nav3 ul{display:none; position:absolute; top:36px; left:0; width:200px; padding:5px 0; border:1px solid #ddd; background:#fff;}
.sub .smenu .nav2 ul li a,
.sub .smenu .nav3 ul li a{display:block; padding:8px 15px; font-size:13px; font-weight:400; color:#666;}
.sub .smenu .nav2 ul li a:hover,
.sub .smenu .nav3 ul li a:hover{color:#f60;}



/* sub all */
.sub{min-height:500px;}
.sub .contents{width:1080px; margin:0 auto; padding:50px 0 100px;}
.sub .contents .title{text-align:center;}
.sub .contents .title span{padding-bottom:5px; font-size:20px; font-weight:700; color:#333; border-bottom:2px solid #333;}
.sub .contents .sbox{padding-top:50px;}
.sub .contents .board th,
.sub .contents .board td,
.sub .contents .board a{font-size:14px; font-weight:400; color:#333;}
.sub .contents .round{width:300px; height:300px; margin:100px auto 0; font-size:30px; font-weight:400; color:#eee; text-align:center; line-height:300px; border:1px solid #ddd; border-radius:50%;}



/* sub style */
.sub01_01 .contents .sbox .ssbox{float:left;}
.sub01_01 .contents .sbox .ssbox1{width:440px; margin-right:40px;}
.sub01_01 .contents .sbox .ssbox1 img{width:100%;}
.sub01_01 .contents .sbox .ssbox2{width:600px;}
.sub01_01 .contents .sbox .ssbox2 p{margin-bottom:20px; font-size:14px; font-weight:400; color:#333; line-height:24px;}
.sub01_01 .contents .sbox .ssbox2 p:nth-of-type(1){font-size:20px; font-weight:400; color:#06f;}
.sub01_01 .contents .sbox .ssbox2 p:last-child{margin-top:40px; font-size:16px; font-weight:700; text-align:right;}

.sub01_02 .contents .sbox{margin-top:50px; padding:50px 30px; border:3px solid #ddd;}
.sub01_02 .contents .sbox>p{font-size:20px; font-weight:700; color:#333; text-align:center;}
.sub01_02 .contents .sbox .ssbox{margin-top:30px;}
.sub01_02 .contents .sbox .ssbox p{margin-bottom:30px; font-size:14px; font-weight:400; color:#666; line-height:30px;}
.sub01_02 .contents .sbox .ssbox p strong{font-size:16px; font-weight:700; color:#333;}
.sub01_02 .contents .imgbox{margin-top:50px; text-align:center;}
.sub01_02 .contents .imgbox img{height:700px; margin:0 5px;}

.sub01_03 .contents .sbox .basic{border-collapse:collapse;}
.sub01_03 .contents .sbox .basic th,
.sub01_03 .contents .sbox .basic td{padding:20px; border:1px solid #ddd; vertical-align:top;}
.sub01_03 .contents .sbox .basic th{width:200px; font-size:30px; font-weight:700; color:#333;}
.sub01_03 .contents .sbox .basic td{font-size:16px; font-weight:700; color:#333; line-height:30px;}

.sub01_04 .contents .sbox{margin-top:50px; padding:50px 30px; border:3px solid #ddd;}
.sub01_04 .contents .sbox>p:nth-of-type(1){font-size:20px; font-weight:700; color:#333; text-align:center;}
.sub01_04 .contents .sbox>p:nth-of-type(2){margin:100px 0 50px; font-size:16px; font-weight:700; color:#333; text-align:right;}
.sub01_04 .contents .sbox>p:nth-of-type(3){font-size:16px; font-weight:700; color:#333; text-align:right; line-height:40px;}
.sub01_04 .contents .sbox .ssbox{margin-top:100px;}
.sub01_04 .contents .sbox .ssbox>p{margin-bottom:30px; font-size:20px; font-weight:700; color:#333; text-align:center;}
.sub01_04 .contents .sbox .ssbox .box{margin-bottom:30px;}
.sub01_04 .contents .sbox .ssbox .box p{font-size:14px; font-weight:400; color:#666; line-height:30px;}
.sub01_04 .contents .sbox .ssbox .box p strong{font-size:16px; font-weight:700; color:#333;}

.sub01_05{background:#f7f3f0; text-align: center;}
.sub01_05 .contents .sbox .ssbox{margin-bottom:50px;}
.sub01_05 .contents .sbox .ssbox {position: relative;}
.sub01_05 .contents .sbox .ssbox:before {position: absolute; content: ''; width: 1px; height: 100px; background: #666; left: 50%; transform: translateX(-50%); bottom: -100px;}
.sub01_05 .contents .sbox .ssbox:last-child:before {display: none;}
/*.sub01_05 .contents .sbox .ssbox1{padding-left:367px;}*/
.sub01_05 .contents .sbox .ssbox>p{width:300px; padding:20px 30px; font-size:28px; font-weight:700; color:#fff; background:#333; display: inline-block;}
.sub01_05 .contents .sbox .ssbox .box{margin-top:5px;}
.sub01_05 .contents .sbox .ssbox .box .ceo{float:left; width:345px; margin-right:22px; margin-bottom:20px; padding:6px; border:1px solid #000; background:#fff;}
.sub01_05 .contents .sbox .ssbox .box .ceo3{margin-right:0;}
.sub01_05 .contents .sbox .ssbox .box .ceo div{float:left;}
.sub01_05 .contents .sbox .ssbox .box .ceo div:first-child{width:117px; height:155px; margin-right:15px;}
.sub01_05 .contents .sbox .ssbox .box .ceo div:first-child img{width:117px; height:155px; background:#999;}
.sub01_05 .contents .sbox .ssbox .box .ceo div:last-child{width:185px;}
.sub01_05 .contents .sbox .ssbox .box .ceo div:last-child p{padding:16px 0; font-size:14px; font-weight:400; color:#333; border-bottom:1px solid #333;}
.sub01_05 .contents .sbox .ssbox .box .ceo div:last-child p:nth-of-type(1){font-size:18px; font-weight:700; color:#000;}
.sub01_05 .contents .sbox .ssbox .box .ceo div:last-child p:nth-of-type(3){border-bottom:none;}


.sub01_06 .contents .sbox>p:nth-of-type(1){font-size:18px; font-weight:700; color:#000;}
.sub01_06 .contents .sbox>p:nth-of-type(2){margin:10px 0 20px;}
.sub01_06 .contents .sbox>p:nth-of-type(2) span{margin-right:40px; font-size:14px; font-weight:400; color:#333;}