@charset "euc-kr";
/* CSS Document */
*{margin:0; padding:0; font-family:'³ª´®°íµñ', 'Nanum Gothic', 'NanumGothic', sans-serif !important; box-sizing:border-box;}
a,
a:link,
a:hover,
a:active,
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{max-width:800px; margin:0 auto !important;}

/* top */
.top{padding:5px 10px; background:#fff; border-bottom:1px solid #000;}
.top div{float:left; width:50%;}
.top .logo img{width:150px;}
.top .btn{padding-top:5px; text-align:right;}
.top .btn img{width:30px;}


/* sidemenu */
.menubox_bg{display:none; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background:rgba(0,0,0, 0.5);}
.menubox{position:fixed; top:0; right:-256px; z-index:9999; width:256px; height:100%; transition:all 0.3s; background:#fff; overflow:auto;}
.sidemenu_head{padding:20px; background:#515769;}
.sidemenu_head p:first-child{font-size:30px; font-weight:800; color:#fff; letter-spacing:-1px;}
.sidemenu_head p:last-child{margin-top:10px; font-size:15px; font-weight:400; color:#fff;}
.sidemenu_body .sidemenu p{position:relative;}
.sidemenu_body .sidemenu p a{display:block; padding:20px; font-size:14px; font-weight:400; color:#333; border-bottom:1px solid #ddd;}
.sidemenu_body .sidemenu p .arrow{position:absolute; top:20px; right:15px; width:14px; height:14px; background:url('../img/m_arrow.png') no-repeat center;  transition:all 0.3s;}
.sidemenu_body .sidemenu p.open .arrow{transform:rotate(180deg);}
.sidemenu_body .sidemenu ul{display:none;}
.sidemenu_body .sidemenu ul li a{display:block; padding:15px; font-size:14px; font-weight:400; color:#d9d9d9; background:#515769;}
.sidemenu_foot{padding:30px 0; text-align:center; border-bottom:1px solid #ddd;}
.sidemenu_foot p:nth-of-type(1) a{font-size:20px; font-weight:700; color:#000;}
.sidemenu_foot p:nth-of-type(2){margin:20px 0;}
.sidemenu_foot p:nth-of-type(2) span{font-size:26px; font-weight:800; color:#17bed2; letter-spacing:-1px;}
.sidemenu_foot p:nth-of-type(2) img{width:22px; vertical-align:text-bottom;}
.sidemenu_foot p:nth-of-type(3){font-size:13px; font-weight:300; color:#81848f;}


/* maintext */
.maintext{position:absolute; top:50%; left:50%; z-index:9998; transform:translate(-50%, -50%); width:100%;}
.maintext p{font-size:14px; font-weight:700; color:#fff; text-align:center; letter-spacing:-1px;}
.maintext p:nth-of-type(2){margin:5px 0 20px; font-size:22px;}
.maintext p:nth-of-type(3){font-size:50px; font-weight:800;}


/* section */
.section{padding:50px 5px; text-align:center; letter-spacing:-1px;}
.section .title{line-height:30px;}
.section .title strong{font-size:24px; font-weight:800; color:#fff;}
.section .title span{font-size:14px; font-weight:400; color:#fff;}

.section1{background:#3C0;}
.section1 .sbox{margin-top:30px;}
.section1 .sbox .ssbox{display:block; float:left; width:50%; height:113px; padding:10px;}
.section1 .sbox .ssbox p:nth-of-type(1){font-size:18px; font-weight:700; color:#fff;}
.section1 .sbox .ssbox p:nth-of-type(2){font-size:12px; font-weight:400; color:#fff;}
.section1 .sbox .ssbox .line{width:30px; height:2px; margin:10px auto; background:#fff;}
.section1 .sbox .ssbox2 p:nth-of-type(1){color:#333;}
.section1 .sbox .ssbox2 p:nth-of-type(2){color:#333;}
.section1 .sbox .ssbox1{background:url('../img/section01_img01.jpg') no-repeat top / 100%;}
.section1 .sbox .ssbox2{background:url('../img/section01_img02.jpg') no-repeat top / 100%;}
.section1 .sbox .ssbox3{background:url('../img/section01_img03.jpg') no-repeat top / 100%;}
.section1 .sbox .ssbox4{background:url('../img/section01_img04.jpg') no-repeat top / 100%;}
.section1 .sbox .ssbox5{background:url('../img/section01_img05.jpg') no-repeat top / 100%;}
.section1 .sbox .ssbox6{background:url('../img/section01_img06.jpg') no-repeat top / 100%;}

.section2{background:#555;}
.section2 .board{margin-top:30px;}

.section3{background:#FC0;}
.section3 p:nth-of-type(2){margin-top:30px;}
.section3 p:nth-of-type(2) a{display:block; width:300px; margin:0 auto; padding:10px 0; font-size:20px; font-weight:800; color:#fff; background:#555;}
.section3 p:nth-of-type(2) a img{margin-right:5px; vertical-align:text-bottom;}
.section3 .title strong{color:#333;}
.section3 .title span{color:#333;}

.section4{background:#fff;}
.section4 .board{margin-top:30px;}
.section4 .title strong{color:#333;}
.section4 .title span{color:#333;}


/* footer */
.footer{background:#555;}
.footer .ulbox1{background:#2c2e34;}
.footer .ulbox1 li{float:left; width:20%;}
.footer .ulbox1 li a{display:block; padding:20px; text-align:center; border-right:1px solid #111;}
.footer .ulbox1 li a img{height:25px;}
.footer .ulbox2 li{float:left; width:50%;}
.footer .ulbox2 li:first-child,
.footer .ulbox2 li:nth-child(2){width:100%;}
.footer .ulbox2 li a{display:block; padding:10px; font-size:14px; font-weight:400; color:#aaa; border-bottom:1px solid #444;}
.footer .ulbox2 li:nth-child(3) a,
.footer .ulbox2 li:nth-child(5) a,
.footer .ulbox2 li:nth-child(7) a{border-right:1px solid #444;}
.footer .ulbox2 li a img{height:12px; margin-left:10px; vertical-align:middle;}
.footer div{padding:20px;}
.footer div a{float:right;}
.footer div a img{width:40px;}
.footer div p{font-size:12px; font-weight:400; color:#aaa; line-height:16px;}
.footer div p:nth-of-type(2){margin-top:10px;}


/* sub all */
.sub .subtop{display:table; width:100%; height:200px;}
.sub .subtop .subtext{display:table-cell; vertical-align:middle; text-align:center;}
.sub .subtop .subtext p:nth-of-type(1){font-size:14px; font-weight:700; color:#fff;}
.sub .subtop .subtext p:nth-of-type(2){font-size:30px; font-weight:700; color:#fff;}
.sub .subtop .subtext p:nth-of-type(3){font-size:14px; font-weight:400; color:#fff;}
.sub04 .subtop .subtext p:nth-of-type(2){color:#ffea00;}
.sub07 .subtop .subtext p{color:#000 !important;}
.sub .contents{padding:50px 0;}
.sub .contents>p{padding:0 5px;}
.sub .contents .title{font-size:16px; font-weight:700; color:#333;}
.sub .contents .board{margin-top:20px; padding-left:5px;}
.sub .contents .board img{max-width:100%;}
.sub01 .subtop{background:url('../img/subtop01.jpg') no-repeat center;}
.sub02 .subtop{background:url('../img/subtop02.jpg') no-repeat center;}
.sub03 .subtop{background:url('../img/subtop03.jpg') no-repeat center;}
.sub04 .subtop{background:url('../img/subtop04.jpg') no-repeat center;}
.sub05 .subtop{background:url('../img/subtop05.jpg') no-repeat center;}
.sub06 .subtop{background:url('../img/subtop06.jpg') no-repeat center;}
.sub07 .subtop{background:url('../img/subtop07.jpg') no-repeat center;}
.sub08 .subtop{background:url('../img/subtop08.jpg') no-repeat center;}
.sub09 .subtop{background:url('../img/subtop09.jpg') no-repeat center;}


/* sub style */
.sub01 .contents>p{margin-bottom:20px;}
.sub01_01 .contents>p:nth-of-type(2){font-size:20px; font-weight:700; color:#000; text-align:center;}
.sub01_01 .contents>p:nth-of-type(2) span{font-size:14px; font-weight:400; color:#727272;}
.sub01_01 .contents>p:nth-of-type(3){font-size:16px; font-weight:400; color:#000; line-height:24px;}
.sub01_01 .contents>p:nth-of-type(3) span{font-size:16px; font-weight:400; color:#af8b3e;}
.sub01_01 .contents>p:nth-of-type(3) span strong{font-size:16px; font-weight:700; color:#af8b3e;}
.sub01_01 .contents>p:nth-of-type(4){font-size:14px; color:#666; line-height:20px;}
.sub01_01 .contents>p:nth-of-type(4) span{display:block; margin:10px 0; font-size:16px; font-weight:400; color:#be0007; line-height:24px;}
.sub01_01 .contents>p:nth-of-type(4) span strong{font-size:16px; font-weight:700; color:#be0007;}
.sub01_01 .contents .sbox1{position:relative; height:300px; padding:20px 5px; background:#000;}
.sub01_01 .contents .sbox1>p{text-align:center;}
.sub01_01 .contents .sbox1>p:nth-of-type(1){font-size:20px; font-weight:700; color:#fff;}
.sub01_01 .contents .sbox1>p:nth-of-type(2){font-size:20px; font-weight:700; color:#ff7200;}
.sub01_01 .contents .sbox1>p:nth-of-type(3){font-size:14px; font-weight:400; color:#fff;}
.sub01_01 .contents .sbox1 .ssbox{position:absolute; top:115px; left:0; z-index:1; width:100%; padding:0 5px;}
.sub01_01 .contents .sbox1 .ssbox div{float:left; width:32%; margin-right:2%; padding-top:150px;}
.sub01_01 .contents .sbox1 .ssbox div p{padding:0 5px; background:#000;}
.sub01_01 .contents .sbox1 .ssbox div p:nth-of-type(1){font-size:16px; font-weight:700; color:#fff;}
.sub01_01 .contents .sbox1 .ssbox div p:nth-of-type(2){height:80px; font-size:12px; font-weight:700; color:#fff;}
.sub01_01 .contents .sbox1 .ssbox div:first-child{background:url('../img/sub01_img01.jpg') no-repeat top / 100%;}
.sub01_01 .contents .sbox1 .ssbox div:nth-child(2){background:url('../img/sub01_img02.jpg') no-repeat top / 100%;}
.sub01_01 .contents .sbox1 .ssbox div:last-child{margin-right:0; background:url('../img/sub01_img03.jpg') no-repeat top / 100%;}
.sub01_01 .contents .sbox2{height:620px; background:url('../img/sub01_img04.jpg') no-repeat top;}
.sub01_01 .contents .sbox2 .ssbox{padding:82px 20px 0;}
.sub01_01 .contents .sbox2 .ssbox p{margin-bottom:20px;}
.sub01_01 .contents .sbox2 .ssbox p img{width:70px; vertical-align:bottom;}
.sub01_01 .contents .sbox2 .ssbox p span{display:inline-block; margin-left:20px; font-size:12px; font-weight:700; color:#fff; line-height:20px;}
.sub01_01 .contents .sbox2 .ssbox p span strong{font-size:21px; font-weight:700; color:#deff00;}
.sub01_01 .contents .sbox2 .ssbox p:first-child span strong{color:#ffd800;}

.sub01_02 .contents>p:nth-of-type(2){font-size:20px; font-weight:700; color:#000; text-align:center;}
.sub01_02 .contents>p:nth-of-type(2) span{font-size:14px; font-weight:400; color:#727272;}
.sub01_02 .contents>p:nth-of-type(3){font-size:20px; font-weight:400; color:#000;}
.sub01_02 .contents>p:nth-of-type(4){font-size:14px; font-weight:700; color:#151515; line-height:20px;}
.sub01_02 .contents .sbox{margin-top:20px; padding:0 5px;}
.sub01_02 .contents .sbox .line{width:30px; height:2px; background:#000;}
.sub01_02 .contents .sbox>p{margin-top:20px;}
.sub01_02 .contents .sbox>p:nth-of-type(1){font-size:16px; font-weight:700; color:#151515;}
.sub01_02 .contents .sbox>p:nth-of-type(2){font-size:20px; font-weight:400; color:#151515;}
.sub01_02 .contents .sbox>p:nth-of-type(3){font-size:14px; font-weight:400; color:#616161;}
.sub01_02 .contents .sbox1 .ssbox{width:200px; height:200px; margin:20px auto 0; padding:12px 20px; text-align:center; border-radius:50%;}
.sub01_02 .contents .sbox1.ssbox img{width:50px;}
.sub01_02 .contents .sbox1 .ssbox p:nth-of-type(1){font-size:16px; font-weight:700; color:#45ac56;}
.sub01_02 .contents .sbox1 .ssbox p:nth-of-type(2){margin-top:10px; font-size:16px; font-weight:700; color:#151515;}
.sub01_02 .contents .sbox1 .ssbox p:nth-of-type(3){font-size:12px; font-weight:400; color:#757575;}
.sub01_02 .contents .sbox1 .ssbox1{border:15px solid #38af59;}
.sub01_02 .contents .sbox1 .ssbox2{border:15px solid #54b7ae;}
.sub01_02 .contents .sbox1 .ssbox3{border:15px solid #5d7d99;}
.sub01_02 .contents .sbox2{margin-top:50px;}
.sub01_02 .contents .sbox2>p:nth-of-type(2){font-weight:700; color:#151515;}
.sub01_02 .contents .sbox2 .ssbox{margin-top:20px;}
.sub01_02 .contents .sbox2 .ssbox .box{margin-bottom:20px;}
.sub01_02 .contents .sbox2 .ssbox .box div{float:left;}
.sub01_02 .contents .sbox2 .ssbox .box div:first-child{width:20%; padding-bottom:10px; font-size:16px; font-weight:700; color:#333;}
.sub01_02 .contents .sbox2 .ssbox .box div:last-child{width:80%; padding-left:20px;}
.sub01_02 .contents .sbox2 .ssbox .box div:last-child p:nth-of-type(1){font-size:14px; font-weight:700; color:#333;}
.sub01_02 .contents .sbox2 .ssbox .box div:last-child p:nth-of-type(2){margin-top:10px; font-size:12px; font-weight:700; color:#777; line-height:16px;}
.sub01_02 .contents .sbox2 .ssbox .box1 div:first-child{border-bottom:5px solid #31a344;}
.sub01_02 .contents .sbox2 .ssbox .box2 div:first-child{border-bottom:5px solid #31a2a3;}
.sub01_02 .contents .sbox2 .ssbox .box3 div:first-child{border-bottom:5px solid #3187a3;}
.sub01_02 .contents .sbox2 .ssbox .box4 div:first-child{border-bottom:5px solid #4172af;}

.sub01_03 .contents .sbox{position:relative; height:100%; padding:20px 5px; overflow:hidden;}
.sub01_03 .contents .sbox .mline{position:absolute; top:174px; left:50%; width:1px; height:100%; border-right:1px dotted #000;}
.sub01_03 .contents .sbox .line{width:50px; height:2px; margin:0 auto; background:#f60;}
.sub01_03 .contents .sbox>p:nth-of-type(1){margin:20px 0 10px; font-size:26px; font-weight:700; color:#333; text-align:center;}
.sub01_03 .contents .sbox>p:nth-of-type(2){font-size:16px; font-weight:400; color:#333; text-align:center;}
.sub01_03 .contents .sbox .ssbox{margin-top:24px;}
.sub01_03 .contents .sbox .ssbox1>div{position:relative; float:left; width:50%;}
.sub01_03 .contents .sbox .ssbox1 .rbox .sround{position:absolute; top:0; left:-15px; width:30px; height:30px; border:5px solid #e52e0a; border-radius:50%; background:#fff;}
.sub01_03 .contents .sbox .ssbox1 .rbox p{padding-left:25px; font-size:20px; font-weight:400; color:#f60; line-height:30px;}
.sub01_03 .contents .sbox .ssbox1 .rbox ul{padding-top:16px;}
.sub01_03 .contents .sbox .ssbox1 .rbox ul li{position:relative; margin-top:18px; padding-left:15px; font-size:14px; font-weight:700; color:#333;}
.sub01_03 .contents .sbox .ssbox1 .rbox ul li:before{content:""; position:absolute; top:7px; left:-2px; width:5px; height:5px; background:#d1604a;}
.sub01_03 .contents .sbox .ssbox1 .lbox{padding-right:28px; padding-top:30px;}
.sub01_03 .contents .sbox .ssbox2>div{position:relative; float:left; width:50%;}
.sub01_03 .contents .sbox .ssbox2 .lbox{text-align:right;}
.sub01_03 .contents .sbox .ssbox2 .lbox .sround{position:absolute; top:0; right:-15px; width:30px; height:30px; border:5px solid #e52e0a; border-radius:50%; background:#fff;}
.sub01_03 .contents .sbox .ssbox2 .lbox p{padding-right:25px; font-size:20px; font-weight:400; color:#f60; line-height:30px;}
.sub01_03 .contents .sbox .ssbox2 .lbox ul{padding-top:16px;}
.sub01_03 .contents .sbox .ssbox2 .lbox ul li{position:relative; margin-top:18px; padding-right:15px; font-size:14px; font-weight:700; color:#333;}
.sub01_03 .contents .sbox .ssbox2 .lbox ul li:before{content:""; position:absolute; top:7px; right:-3px; width:5px; height:5px; background:#d1604a;}
.sub01_03 .contents .sbox .ssbox2 .rbox{padding-left:28px; padding-top:30px;}

.sub01_04 .contents .sbox .line{width:30px; height:2px; margin:0 auto; background:#f60;}
.sub01_04 .contents .sbox>p:nth-of-type(1){margin:20px 0 10px; font-size:20px; font-weight:700; color:#333; text-align:center;}
.sub01_04 .contents .sbox>p:nth-of-type(2){font-size:12px; font-weight:400; color:#333; text-align:center; line-height:20px;}
.sub01_04 .contents .sbox .map{width:360px; margin:10px auto 0;}
.sub01_04 .contents .sbox2{margin-top:20px;}

.sub01_05 .contents>p:nth-of-type(2){font-size:20px; font-weight:700; color:#000; text-align:center;}
.sub01_05 .contents>p:nth-of-type(2) span{font-size:14px; font-weight:400; color:#727272;}
.sub01_05 .contents .sbox{margin-top:20px;}
.sub01_05 .contents .sbox p{padding:0 5px;}
.sub01_05 .contents .sbox p:nth-of-type(1){font-size:50px; font-weight:700; color:#386e03;}
.sub01_05 .contents .sbox p:nth-of-type(2){margin:30px 0 20px; font-size:14px; font-weight:400; color:#000; line-height:24px;}
.sub01_05 .contents .sbox p:nth-of-type(3){font-size:14px; font-weight:400; color:#000; line-height:24px;}
.sub01_05 .contents .sbox p:nth-of-type(4){margin:20px 0; font-size:16px; font-weight:700; color:#000;}
.sub01_05 .contents .sbox div{text-align:center;}
.sub01_05 .contents .sbox div img{width:60%; opacity:0.5;}

.sub02_01 .contents>p{margin-bottom:20px;}
.sub02_01 .contents>p:nth-of-type(2){font-size:20px; font-weight:400; color:#000;}
.sub02_01 .contents>p:nth-of-type(3){font-size:14px; font-weight:400; color:#000; line-height:20px;}
.sub02_01 .contents .sbox{margin-top:20px;}
.sub02_01 .contents .sbox div:first-child{padding-bottom:10px;}
.sub02_01 .contents .sbox div:first-child span{padding-bottom:10px; font-size:16px; font-weight:700; color:#333; border-bottom:1px solid #ddd;}
.sub02_01 .contents .sbox div:last-child{margin-top:10px;}
.sub02_01 .contents .sbox1 div:last-child{background:#f5f5f5;}
.sub02_01 .contents .sbox1 div:last-child p{margin-bottom:10px; padding-left:10px;}
.sub02_01 .contents .sbox1 div:last-child p:nth-of-type(1){padding-top:10px; font-size:16px; font-weight:700; color:#333;}
.sub02_01 .contents .sbox1 div:last-child p:nth-of-type(2){font-size:12px; font-weight:700; color:#000; line-height:16px;}
.sub02_01 .contents .sbox1 div:last-child img{width:100%;}
.sub02_01 .contents .sbox2 div:last-child p{margin-bottom:10px; background:#f5f5f5;}
.sub02_01 .contents .sbox2 div:last-child p img{width:50%; vertical-align:top;}
.sub02_01 .contents .sbox2 div:last-child p strong{font-size:16px; color:#000;}
.sub02_01 .contents .sbox2 div:last-child p span{display:inline-block; width:50%; padding:10px; font-size:12px; font-weight:400; color:#000; line-height:16px;}