@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: 'Nanum Gothic', 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;}
.board{margin-top:20px;}
.map{width:360px; margin:0 auto;}

.menu{display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; background-color:#fff; overflow:auto;}
.logo1{position:relative; height:70px; padding:10px 10px 0; background-color:#70bd03;}
.logo1 img{width:60%;}
.close{position:absolute; right:15px; top:10px; font-size:30px; color:#fff;}
.menubox{margin-top:10px;}
.arrow{position:relative;}
.arrow p a{display:block; width:100%; padding:15px; font-size:20px; font-weight:500; color:#fff; background:#999; border-bottom:1px solid #fff;}
.arrow div{position:absolute; top:30px; right:15px; width:10px; height:5px; background:url('../m_arrow.png');}
.arrow .m_arrow1{display:none; background:url('../m_arrow1.png');}
.arrow ul{display:none; padding:10px 0 30px; background:#f5f5f5;}
.arrow ul li>a{display:block; padding:10px; font-size:14px; color:#333; border-bottom:1px solid #fff;}
.arrow ul li>a:active{color:#3CF;}
.arrow:first-child p a{background:#f60;}
.arrow:first-child .m_arrow{display:none;}
.arrow:first-child .m_arrow1{display:block;}
.arrow:first-child ul{display:block;}

.top{position:fixed; top:0; left:0; z-index:9998; width:100%; height:70px; padding:0 10px; background-color:#70bd03;}
.logo2 img{width:80%;}

.maintext{position:absolute; bottom:80px; left:0; z-index:9997; width:100%; padding:15px 0; background:rgba(0,0,0, 0.3);}
.maintext p{text-align:center;}
.maintext p:first-child{font-size:12px; color:#000;}
.maintext p:nth-child(2){font-size:20px; font-weight:700; color:#f59e37;}
.maintext p:nth-child(3){font-size:15px; font-weight:700; color:#fff;}

.section1 .subbox>a{display:block; position:relative; float:left; width:50%; padding:10px;}
.section1 .subbox>a p:first-child{font-size:12px; font-weight:500; color:#fff;}
.section1 .subbox>a p:nth-child(2){font-size:20px; font-weight:500; color:#fff;}
.section1 .subbox>a span{position:absolute; top:3px; right:10px; font-size:20px; font-weight:700; color:#fff;}
.section1 .subbox .box01{background-color:#70bd03;}
.section1 .subbox .box02{background-color:#84db07;}

.section2{padding:20px 5px; text-align:center; background-color:#fff;}
.section2 .box03 p:first-child a{font-size:30px; font-weight:700; color:#333; letter-spacing:-2px;}
.section2 .box03 p:nth-child(2){font-size:13px; color:#999;}
.section2 .box03 .line{width:20px; height:2px; margin:20px auto; background-color:#000;}

.section3 .box04 p{padding:10px; background-color:#ddd; font-size:20px; font-weight:500; color:#fff; text-align:center;}

.section4 .box05 p{padding:10px; font-size:20px; font-weight:500; color:#fff; text-align:center; background:#ddd;}

.footer{padding:20px 5px 10px; background-color:#f5f5f5;}
.footer ul li:last-child a{border-right:none;}
.footer p{text-align:center;}
.footer p span{margin-right:10px; font-size:14px; color:#666;}

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

/* sub top text */
.sub .sub01_bg,
.sub .sub02_bg,
.sub .sub03_bg,
.sub .sub04_bg{padding-top:50px;}
.sub .sub01_bg p:first-child,
.sub .sub02_bg p:first-child,
.sub .sub03_bg p:first-child,
.sub .sub04_bg p:first-child{font-size:26px; font-weight:700; color:#000; text-align:center;}
.sub .sub01_bg p:nth-child(2),
.sub .sub02_bg p:nth-child(2),
.sub .sub03_bg p:nth-child(2),
.sub .sub04_bg p:nth-child(2){font-size:14px; color:#000; text-align:center;}

/* sub all */
.sub{margin-top:70px;}
.sub .contents{padding:30px 5px 50px;}
.sub .contents>div:first-child{padding-left:10px; font-size:20px; font-weight:700; color:#000; border-left:4px solid #06f; line-height:26px;}

/* sub style */
.sub01_01 .contents p{margin:10px 0; font-size:14px; color:#333; line-height:24px;}
.sub01_01 .contents p:nth-child(2){margin-top:30px; font-size:20px; font-weight:500; color:#3D6E03;}
.sub01_01 .contents p:nth-child(2) em{font-size:20px; font-weight:500; color:#3D6E03;}
.sub01_01 .contents p:nth-child(6){margin-top:50px; text-align: right;}
.sub01_01 .contents p:nth-child(7){text-align: right;}
.sub01_01 .contents p:nth-child(7) span{font-size:20px; font-weight:500; color:#000;}

.sub01_02 .contents div:nth-child(2){margin-top:30px;}
.sub01_02 .contents div:nth-child(2) img{width:100%;}

.sub01_03 .contents>div:first-child{margin-bottom:20px;}
.sub01_03 .contents p:nth-child(2){margin:20px 0 10px; font-size:14px; color:#333; line-height:30px;}
.sub01_03 .contents p:nth-child(4){margin-top:30px; font-size:14px; 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:10px; font-size:14px; 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:20px 0; font-size:16px; color:#333;}
.sub02_01 .contents p:nth-child(2) span{margin-right:10px; padding:0 20px; font-size:16px; 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:12px; color:#333; border:1px solid #ddd;}
.sub02_01 .contents .basic th{width:25%; 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{display:inline-table; margin-right:10px;}
.sub02_01 .contents p:nth-child(4) span:first-child{padding:0 20px; font-size:20px; color:#fff; border-radius:20px; background:#7ed146;}
.sub02_01 .contents p:nth-child(4) span:nth-child(2){font-size:14px; color:#333;}

.sub02_02 .contents>p{margin:20px 0; font-size:20px; font-weight:700; color:#333; text-align:center;}
.sub02_02 .contents>p span{margin-left:100px; font-size:20px; font-weight:700; color:#333;}
.sub02_02 .contents>p span em{font-size:20px; 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:12px; color:#333; border:1px solid #55af19;}

.sub02_04 .contents .roundbox{margin-top:30px;}
.sub02_04 .contents .roundbox div{width:120px; height:120px; margin:0 auto; border:1px solid #55af19; border-radius:50%;}
.sub02_04 .contents .roundbox div p{text-align:center;}
.sub02_04 .contents .roundbox div p:first-child{margin-top:35px; font-size:16px; font-weight:700; color:#55af19;}
.sub02_04 .contents .roundbox div p:nth-child(2){font-size:12px; color:#666;}
.sub02_04 .contents .roundbox .arrow2{height:48px; margin:20px auto; border:none; background:url('../img/arrow.png') no-repeat center; transform:rotate(90deg);}

.sub03_01 .contents p:nth-child(2){margin:20px 0; font-size:16px; color:#333;}
.sub03_01 .contents .subtitle{padding:0 20px; font-size:16px; color:#fff; background:#7ed146;}
.sub03_01 .contents .subtitle2{font-size:12px;}
.sub03_01 .contents .subtext1{margin:10px 0 20px; font-size:14px; color:#333;}
.sub03_01 .contents .subtext2{padding:0 20px; font-size:14px; color:#fff; border-radius:20px; background:#7ed146;}
.sub03_01 .contents .subtext3{font-size:14px; color:#f00; line-height:20px;}
.sub03_01 .contents .basic{margin:10px 0 50px; border-top:2px solid #aaa; border-collapse:collapse;}
.sub03_01 .contents .basic th,
.sub03_01 .contents .basic td{padding:10px; font-size:12px; 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:10px 0 20px;}
.sub03_01 .contents .basic3 th,
.sub03_01 .contents .basic3 td{font-size:10px;}
.sub03_01 .contents .basic3 tr:nth-child(2) td{padding:10px 0;}

.sub03_02 .contents p:nth-child(2){margin:50px 0 30px; font-size:16px; color:#333;}
.sub03_02 .contents .subtitle{padding:0 20px; font-size:16px; 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:14px; color:#fff; border-radius:20px; background:#7ed146;}
.sub03_02 .contents .subtext3{font-size:14px; 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:14px; color:#333; border:1px solid #ddd;}
.sub03_02 .contents .basic td{padding:10px; font-size:14px; border:1px solid #ddd; color:#f00; text-align: center;}
.sub03_02 .contents .basic th{background:#eee;}

.sub03_03 .contents p:nth-child(2){margin:20px 0; font-size:16px; color:#333;}
.sub03_03 .contents .subtitle{padding:0 20px; font-size:16px; color:#fff; background:#7ed146;}
.sub03_03 .contents .subtext1{margin:10px 0 20px; font-size:14px; color:#333;}
.sub03_03 .contents .subtext1 span{font-size:14px; color:#f00;}
.sub03_03 .contents .textbox1{margin:10px 0 30px;}
.sub03_03 .contents .textbox1 span{display:block;}
.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:130px; font-size:16px; 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:100%; margin:10px 0 20px; font-size:14px; color:#333;}
.sub03_03 .contents .textbox2{margin:10px 0 30px;}
.sub03_03 .contents .textbox2 span{display:inline-table; margin-right:10px; margin-bottom:10px;}
.sub03_03 .contents .textbox2 span:first-child,
.sub03_03 .contents .textbox2 span:nth-child(3){padding:0 20px; font-size:16px; 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:100%; margin-bottom:20px; font-size:14px; color:#333;}
.sub03_03 .contents .subtext2{font-size:14px; color:#f00;}

.sub03_05 .contents .subtitle{width:100%; margin:20px 0; font-size:20px; color:#fff; border-radius:20px; background:#7ed146; text-align:center;}
.sub03_05 .contents .subtext1{margin:10px 0 20px; font-size:14px; color:#333;}
.sub03_05 .contents .textbox{width:100%; margin:10px 0 30px;}
.sub03_05 .contents .textbox p{padding:10px 0; font-size:14px; font-weight:500; 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/arrow.png') no-repeat center; transform:rotate(90deg);}
.sub03_05 .contents .subtext2{padding:10px 30px; font-size:14px; color:#fff; border-radius:20px; background:#7ed146;}

.sub03_06 .contents .subtitle{width:100%; margin:20px 0; font-size:20px; color:#fff; border-radius:20px; background:#7ed146; text-align:center;}
.sub03_06 .contents .subtext1{margin:10px 0 20px; font-size:14px; 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:100px; height:100px; margin:0 10px 0 20px; border:1px solid #55af19; border-radius:50%;}
.sub03_06 .contents .textbox div p{display:table-cell; font-size:16px; font-weight:500; color:#333; text-align:center; vertical-align:middle;}
.sub03_06 .contents .textbox span{position:absolute; top:10px; left:-10px; width:30px; height:30px; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:30px; 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:60%; font-size:14px; color:#333; vertical-align:middle;}
.sub03_06 .contents .textbox .arrow{width:100%; margin:20px 0;}
.sub03_06 .contents .textbox .arrow img{margin-left:55px; transform:rotate(90deg);}

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