@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-size:14px; font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box;}
a:link{text-decoration:none; color:#333;}
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 td{position:relative;}
.top td .top_bg{position:absolute; top:0; left:0; z-index:9999; width:100%; height:100px; background:rgba(0,0,0,0.5);}
.top td .top_bg .top_menu{width:1000px; margin:23px auto 0;}
.top td .top_bg .top_menu div{float:right;}
.top td .top_bg .top_menu div:first-child{float:left;}
.top td .top_bg .top_menu div:nth-child(2){margin-top:10px;}
.top td .top_bg .top_menu div:nth-child(2) a{margin-left:10px; }
.top td .top_bg .top_menu div:nth-child(3){margin-top:12px; margin-right:10px}

.top td .top_bg .top_menu div ul{padding-left:20px;}
.top td .top_bg .top_menu div ul li{float:right; margin-left:10px;}
.top td .top_bg .top_menu div ul li a{font-size:16px; font-weight:600; color:#fff; transition:all 0.5s;}
.top td .top_bg .top_menu div ul li a:hover{color:#09f;}

.top td .slide_text{position:absolute; top:200px; left:50%; transform:translateX(-50%); z-index:9999; width:1000px; height:100px;}

.section1{padding:100px 0;}
.section1 td div a{margin-right:10px;}
.section1 td div a:last-child{margin-right:0;}
.section1 td .notice{margin-bottom:30px;}
.section1 td .notice>div{float:left; width:300px; margin-right:50px;}
.section1 td .notice>div:last-child{float:right; margin-right:0;}
.section1 td .notice>div p{margin-bottom:20px; padding-left:10px; font-size:20px; font-weight:700; color:#333; border-left:4px solid #333; line-height:16px;}
.section1 td .notice>div p a{float:right; font-size:16px; font-weight:700; color:#333;}

.section_bg{background-color:#eaeaea;}
.section2{padding:50px 0;}
.section2 td span{font-size:40px; font-weight:700; color:#000;}
.section2 td p{margin:20px 0 30px; font-size:18px; color:#666; text-align:center;}
.section2 td .line{width:40px; height:3px; margin:0 auto 50px; background-color:#06f;}

.section3{padding:50px 0;}
.section3 td span{font-size:40px; font-weight:700; color:#000;}
.section3 td p{margin:20px 0 30px; font-size:18px; color:#666; text-align:center;}
.section3 td .line{width:40px; height:3px; margin:0 auto 50px; background-color:#06f;}

.section4{padding:50px 0 100px;}
.section4 td .title{margin-bottom:20px; padding-left:10px; font-size:30px; font-weight:700; color:#000; border-left:4px solid #06f; line-height:30px;}
.section4 td p:nth-child(2){margin:20px 0 10px; font-size:18px; color:#333; line-height:30px;}
.section4 td p:nth-child(4){margin-top:30px; font-size:16px; color:#333; text-align:left;}
.section4 td p:nth-child(4) img{margin-right:5px;}
.section4 td .basic{margin-top:10px; border-collapse:collapse;}
.section4 td .basic th,
.section4 td .basic td{padding:20px 0; font-size:16px; color:#333; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
.section4 td .basic th{background-color:#eee;}

.footer{padding:50px 0; border-top:1px solid #ccc;}
.footer ul li{float:left; margin-right:10px; padding-right:10px; border-right:1px solid #ccc; line-height:12px;}
.footer ul li:last-child{margin-right:0; padding-right:0; border-right:0;}
.footer ul li a{font-size:16px; font-weight:500; color:#666; transition:all 0.6s;}
.footer ul li a:hover{color:#09f;}
.footer p{margin-top:20px; font-size:14px; font-weight:500; color:#999; line-height:20px;}

/* sub top bg */
.top td .sub01_bg{height:420px; background:url('../img/sub/sub01_bg.jpg') no-repeat center / cover;}
.top td .sub02_bg{height:420px; background:url('../img/sub/sub02_bg.jpg') no-repeat center / cover;}
.top td .sub03_bg{height:420px; background:url('../img/sub/sub03_bg.jpg') no-repeat center / cover;}
.top td .sub04_bg{height:420px; background:url('../img/sub/sub04_bg.jpg') no-repeat center / cover;}

/* submenu */
.sub td ul{margin:10px 0 40px;}
.sub td ul li{display:inline-block;}
.sub td ul li a{display:block; width:150px; margin-right:10px; padding:10px 0; font-size:18px; font-weight:500; color:#000; border:1px solid #333; border-radius:5px; box-sizing:border-box;}
.sub td ul li:last-child a{margin-right:0;}
.sub td ul li a:hover{color:#fff; background-color:#06f; border:1px solid #06f; transition:all 0.5s;}

/* sub03 menu size*/
.sub03_01 td ul li a,
.sub03_02 td ul li a,
.sub03_03 td ul li a,
.sub03_04 td ul li a,
.sub03_05 td ul li a,
.sub03_06 td ul li a,
.sub03_07 td ul li a{width:139px; margin-right:0; font-size:14px;}

/* submenu active */
.sub01 td ul li:first-child a,
.sub02 td ul li:nth-child(2) a,
.sub03 td ul li:nth-child(3) a,
.sub04 td ul li:nth-child(4) a,
.sub05 td ul li:nth-child(5) a,
.sub06 td ul li:nth-child(6) a,
.sub07 td ul li:nth-child(7) a{color:#fff; background-color:#06f; border:1px solid transparent;}
 
/* sub all */
.sub .contents{padding:50px 0 100px;}
.sub .contents>div:first-child{padding-left:10px; font-size:30px; font-weight:700; color:#000; border-left:4px solid #06f; line-height:26px;}
.sub .contents .board{margin-top:50px;}

/* sub style */
.sub01_01 .contents p:nth-child(2){margin:20px 0; font-size:25px; color: #3D6E03;font-weight:600;}
.sub01_01 .contents p:nth-child(3){font-size:16px; color:#333;}
.sub01_01 .contents p:nth-child(4){font-size:16px; color:#333; line-height:30px;}
.sub01_01 .contents p:nth-child(5){margin-top:50px; font-size:16px; color:#333; text-align: right;}
.sub01_01 .contents p:nth-child(5) span{font-size:30px; font-weight:500; color:#000;}

.sub01_02 .contents .title{margin-bottom:20px; padding-left:10px; font-size:30px; font-weight:700; color:#000; border-left:4px solid #06f; line-height:30px;}
.sub01_02 .contents div:nth-child(2){margin-top:50px; text-align:center;}

.sub01_03 .contents .title{margin-bottom:20px; padding-left:10px; font-size:30px; font-weight:700; color:#000; border-left:4px solid #06f; line-height:30px;}
.sub01_03 .contents p:nth-child(2){margin:20px 0 10px; font-size:16px; color:#333; line-height:30px;}
.sub01_03 .contents p:nth-child(4){margin-top:30px; font-size:16px; color:#333; text-align:left;}
.sub01_03 .contents p:nth-child(4) img{margin-right:5px;}
.sub01_03 .contents .basic{margin-top:10px; border-collapse:collapse;}
.sub01_03 .contents .basic th,
.sub01_03 .contents .basic td{padding:20px 0; font-size:16px; color:#333; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
.sub01_03 .contents .basic th{background-color:#eee;}

.sub02_01 .contents p:nth-child(2){margin:50px 0 10px; font-size:20px; color:#333;}
.sub02_01 .contents p:nth-child(2) span{margin-right:10px; padding:0 20px; font-size:20px; color:#fff; border-radius:20px; background:#7ed146;}
.sub02_01 .contents .basic{border-top:2px solid #aaa; border-collapse:collapse;}
.sub02_01 .contents .basic th,
.sub02_01 .contents .basic td{padding:10px; font-size:16px; color:#333; border:1px solid #ddd;}
.sub02_01 .contents .basic th{background:#eee;}
.sub02_01 .contents .basic td:first-child,
.sub02_01 .contents .basic td:nth-child(2),
.sub02_01 .contents .basic td:nth-child(3){text-align:center;}
.sub02_01 .contents .basic td:first-child{color:#55af19;}
.sub02_01 .contents p:nth-child(4){margin-top:20px;}
.sub02_01 .contents p:nth-child(4) span{padding:0 20px; font-size:20px; color:#fff; border-radius:20px; background:#7ed146;}
.sub02_01 .contents p:nth-child(5){margin-top:10px; font-size:16px; color:#333;}

.sub02_02 .contents>p{margin:50px 0 20px; font-size:30px; font-weight:700; color:#333; text-align:center;}
.sub02_02 .contents>p span{margin-left:100px; font-size:30px; font-weight:700; color:#333;}
.sub02_02 .contents>p span em{font-size:30px; font-weight:700; color:#333;}
.sub02_02 .contents .basic{border-top:2px solid #55af19; border-collapse:collapse;}
.sub02_02 .contents .basic th,
.sub02_02 .contents .basic td{padding:10px; font-size:16px; color:#333; border:1px solid #55af19;}

.sub02_04 .contents .roundbox{margin-top:50px;}
.sub02_04 .contents .roundbox div{display:inline-table; width:200px; height:200px; margin-bottom:20px; border:1px solid #55af19; border-radius:50%; vertical-align:middle;}
.sub02_04 .contents .roundbox div p{text-align:center;}
.sub02_04 .contents .roundbox div p:first-child{margin-top:75px; font-size:20px; font-weight:700; color:#55af19;}
.sub02_04 .contents .roundbox div p:nth-child(2){font-size:16px; color:#666;}
.sub02_04 .contents .roundbox .arrow{width:120px; border:none;border-radius:0; background:url('../img/sub/arrow.png') no-repeat center;}

.sub03_01 .contents p:nth-child(2){margin:50px 0 30px; font-size:20px; color:#333;}
.sub03_01 .contents .subtitle{padding:0 20px; font-size:20px; color:#fff; background:#7ed146;}
.sub03_01 .contents .subtext1{margin:10px 0 20px; font-size:16px; color:#333;}
.sub03_01 .contents .subtext2{padding:0 20px; font-size:16px; color:#fff; border-radius:20px; background:#7ed146;}
.sub03_01 .contents .subtext3{font-size:16px; color:#f00; line-height:20px;}
.sub03_01 .contents .basic{margin:20px 0 50px; border-top:2px solid #aaa; border-collapse:collapse;}
.sub03_01 .contents .basic th,
.sub03_01 .contents .basic td{padding:10px; font-size:16px; color:#333; border:1px solid #ddd;}
.sub03_01 .contents .basic th{background:#eee;}
.sub03_01 .contents .basic td:first-child{color:#55af19; text-align:center;}
.sub03_01 .contents .basic2 th,
.sub03_01 .contents .basic2 td{text-align:center;}
.sub03_01 .contents .basic3{margin:20px 0;}

.sub03_02 .contents p:nth-child(2){margin:50px 0 30px; font-size:20px; color:#333;}
.sub03_02 .contents .subtitle{padding:0 20px; font-size:20px; color:#fff; background:#7ed146;}
.sub03_02 .contents .subtext1{margin:10px 0 20px; font-size:16px; color:#333;}
.sub03_02 .contents .subtext2{padding:0 20px; font-size:16px; color:#fff; border-radius:20px; background:#7ed146;}
.sub03_02 .contents .subtext3{font-size:16px; color:#f00; line-height:20px;}
.sub03_02 .contents .basic{margin:20px 0 50px; border-top:2px solid #aaa; border-collapse:collapse;}
.sub03_02 .contents .basic th{padding:10px; font-size:16px; color:#333; border:1px solid #ddd;}
.sub03_02 .contents .basic td{padding:10px; font-size:16px; border:1px solid #ddd; color:#f00; text-align: center;}
.sub03_02 .contents .basic th{background:#eee;}


.sub03_03 .contents p:nth-child(2){margin:50px 0 30px; font-size:20px; color:#333;}
.sub03_03 .contents .subtitle{padding:0 20px; font-size:20px; color:#fff; background:#7ed146;}
.sub03_03 .contents .subtext1{margin:10px 0 30px; font-size:16px; color:#333;}
.sub03_03 .contents .subtext1 span{font-size:16px; color:#f00;}
.sub03_03 .contents .textbox1{margin:30px 0;}
.sub03_03 .contents .textbox1 span{display:inline-table; margin-right:20px; margin-bottom:20px;}
.sub03_03 .contents .textbox1 span:first-child,
.sub03_03 .contents .textbox1 span:nth-child(3),
.sub03_03 .contents .textbox1 span:nth-child(5),
.sub03_03 .contents .textbox1 span:nth-child(7),
.sub03_03 .contents .textbox1 span:nth-child(9),
.sub03_03 .contents .textbox1 span:nth-child(11){width:200px; font-size:20px; color:#fff; border-radius:20px; background:#7ed146; text-align:center;}
.sub03_03 .contents .textbox1 span:nth-child(2),
.sub03_03 .contents .textbox1 span:nth-child(4),
.sub03_03 .contents .textbox1 span:nth-child(6),
.sub03_03 .contents .textbox1 span:nth-child(8),
.sub03_03 .contents .textbox1 span:nth-child(10),
.sub03_03 .contents .textbox1 span:nth-child(12){width:600px; font-size:16px; color:#333;}
.sub03_03 .contents .textbox2{margin:30px 0;}
.sub03_03 .contents .textbox2 span{display:inline-table; margin-right:20px; margin-bottom:20px;}
.sub03_03 .contents .textbox2 span:first-child,
.sub03_03 .contents .textbox2 span:nth-child(3){width:300px; font-size:20px; color:#fff; border-radius:20px; background:#7ed146; text-align:center;}
.sub03_03 .contents .textbox2 span:nth-child(2),
.sub03_03 .contents .textbox2 span:nth-child(4){width:600px; font-size:16px; color:#333;}
.sub03_03 .contents .subtext2{font-size:20px; color:#f00;}

.sub03_05 .contents .subtitle{width:300px; margin:50px 0 20px; font-size:20px; color:#fff; border-radius:20px; background:#7ed146; text-align:center;}
.sub03_05 .contents .subtext1{margin:10px 0 20px; font-size:16px; color:#333;}
.sub03_05 .contents .textbox{width:90%; margin:20px auto 50px;}
.sub03_05 .contents .textbox p{padding:10px 0; font-size:20px; font-weight:700; color:#333; border:1px solid #ddd; border-radius:20px; text-align:center; background:#f5f5f5;}
.sub03_05 .contents .textbox .arrow{width:30px; height:48px; margin:20px auto; background:url('../img/sub/arrow.png') no-repeat center; transform:rotate(90deg);}
.sub03_05 .contents .subtext2{padding:10px 30px; font-size:16px; color:#fff; border-radius:20px; background:#7ed146;}

.sub03_06 .contents .subtitle{width:300px; margin:50px 0 20px; font-size:20px; color:#fff; border-radius:20px; background:#7ed146; text-align:center;}
.sub03_06 .contents .subtext1{margin:10px 0 20px; font-size:16px; color:#333;}
.sub03_06 .contents .textbox div{display:inline-table; position:relative;}
.sub03_06 .contents .textbox div:first-child,
.sub03_06 .contents .textbox div:nth-child(4),
.sub03_06 .contents .textbox div:nth-child(7),
.sub03_06 .contents .textbox div:nth-child(10),
.sub03_06 .contents .textbox div:nth-child(13){width:150px; height:150px; margin-right:20px; border:1px solid #55af19; border-radius:50%;}
.sub03_06 .contents .textbox div p{display:table-cell; font-size:20px; font-weight:700; color:#333; text-align:center; vertical-align:middle;}
.sub03_06 .contents .textbox span{position:absolute; top:35px; left:-25px; width:50px; height:50px; font-size:26px; font-weight:700; color:#fff; text-align:center; line-height:50px; background:#55af19; border-radius:50%;}
.sub03_06 .contents .textbox div:nth-child(2),
.sub03_06 .contents .textbox div:nth-child(5),
.sub03_06 .contents .textbox div:nth-child(8),
.sub03_06 .contents .textbox div:nth-child(11),
.sub03_06 .contents .textbox div:nth-child(14){width:700px; font-size:18px; color:#333;}
.sub03_06 .contents .textbox .arrow{width:100%; margin:20px 0;}
.sub03_06 .contents .textbox .arrow img{margin-left:60px; transform:rotate(90deg);}

.sub03_07 .contents .subtitle{width:350px; margin-top:50px; font-size:20px; color:#fff; border-radius:20px; background:#7ed146; text-align:center;}
.sub03_07 .contents .subtext1{margin:20px 0 50px; padding-left:20px; font-size:16px; color:#333;}
.sub03_07 .contents .subtext2{margin:20px 0 50px; padding-left:20px;}
.sub03_07 .contents .subtext2 ul{padding:20px; background:#ddd; border-radius:20px;}
.sub03_07 .contents .subtext2 ul li{display:block; font-size:16px; color:#333; list-style:circle;}

.bottom_img{text-align: center; margin:0 auto;}