@charset "euc-kr";
/* CSS Document */
*{margin:0; padding:0; font-family:'³ª´® °íµñ', 'Nanum Gothic', 'NanumGothic', 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;}
body{position:relative; min-width:1500px;}
.section .sbox,
.footer .fbox,
.sub{width:1200px; margin:0 auto;}



/* top */
.top{position:absolute; top:0; left:0; z-index:9999; width:100%;}
.top:before{display:none; content:""; position:absolute; top:100px; left:0; z-index:9998; width:100%; height:250px; background:rgba(0,0,0, 0.5);}
.top .tbox{padding:0 50px; text-align:center; border-bottom:1px solid #ddd;}
.top .tbox .logo{float:left; padding-top:35px;}
.top .tbox ul{float:right; margin-right:200px;}
.top .tbox ul li{position:relative; float:left; padding:0 30px;}
.top .tbox ul li:before{display:none; content:""; position:absolute; top:80px; left:50%; transform:translateX(-50%); width:30px; height:2px; background:#eb621b;}
.top .tbox ul li>a{display:block; height:100px; font-size:18px; color:#fff; text-shadow:0 0 1px #fff; line-height:100px; transition:all 0.2s;}
.top .tbox ul li:hover:before{display:block;}
.top .tbox .ticon{float:right; padding-top:35px;}
.top.on{background:#fff;}
.top.on:before{display:block;}
.top.on .tbox ul li>a{color:#333; text-shadow:0 0 1px #333;}


/* submenu */
.submenu{display:none; position:absolute; top:100px; left:50%; transform:translateX(-50%); z-index:9999; width:200px; height:250px; padding-top:20px;}
.submenu p{padding-bottom:15px;}
.submenu p a{font-size:15px; font-weight:400; color:#fff; transition:all 0.2s;}
.submenu p a:hover{color:#eb621b;}


/* main */
.main{position:relative; height:900px; overflow:hidden;}
.main .mbox{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:900px; background:url('../img/slide01.jpg') no-repeat center / auto 100%;}
.main .sbox{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9998; width:1000px; padding-top:100px;}
.main .sbox div{position:relative; height:600px;}
.main .sbox div p{position:absolute; top:0; left:0; width:100%; color:#fff; text-align:center;}
.main .sbox div p:nth-of-type(1) span{display:inline-block; text-align:left;}
.main .sbox div p:nth-of-type(1) span strong{display:block;}
.main .sbox div p:nth-of-type(1) span strong:first-child{padding-left:15px; font-size:35px;}
.main .sbox div p:nth-of-type(1) span strong:last-child{font-size:170px; line-height:160px;}
.main .sbox div p:nth-of-type(2){top:300px; font-size:30px; line-height:40px;}
.main .sbox div p:nth-of-type(3){top:400px; font-size:80px; font-weight:700;}


/* section all */
.section{padding:70px 0;}
.section>p{position:relative; padding-top:70px; font-size:40px; font-weight:700; color:#000; text-align:center;}
.section>p:before{content:""; position:absolute; top:0; left:50%; width:1px; height:40px; background:#666; transform:skewX(-30deg);}
.section .sbox{margin-top:70px;}


/* section style */
.section1{background:#f0f0f0;}
.section1 .sbox .ssbox{display:block; position:relative; float:left; width:285px; height:350px; margin-right:20px;}
.section1 .sbox .ssbox:last-child{margin-right:0;}
.section1 .sbox .ssbox div{position:relative; height:280px; overflow:hidden;}
.section1 .sbox .ssbox div:before{content:""; position:absolute; top:100%; left:0; width:100%; height:100%; background:rgba(0,0,0, 0.5); transition:all 0.3s;}
.section1 .sbox .ssbox p{position:absolute; bottom:0; left:0; width:100%; font-size:20px; color:#000; text-align:center; transition:all 0.3s;}
.section1 .sbox .ssbox:hover div:before{top:0;}
.section1 .sbox .ssbox:hover p{bottom:200px; font-size:24px; color:#fff;}

.section2 .sbox{width:1200px; padding:30px 60px; border:1px solid #ddd; margin:60px auto 0 auto;}
.section2 .sbox>p{padding-bottom:10px; font-size:16px; font-weight:700; color:#000; border-bottom:1px solid #000;}
.section2 .sbox>p a{float:right; font-size:14px; color:#000;}
.section2 .sbox .board{margin-top:15px;}
.section2 .sbox .board td{padding-bottom:10px; font-size:16px; color:#999;}
.section2 .sbox .board td a{font-size:16px; color:#000; text-shadow:0 0 1px #000;}

.section3 .sbox .ssbox{float:left; width:590px; padding:30px 60px; border:1px solid #ddd;}
.section3 .sbox .ssbox:first-child{margin-right:20px;}
.section3 .sbox .ssbox>p{padding-bottom:10px; font-size:16px; font-weight:700; color:#000; border-bottom:1px solid #000;}
.section3 .sbox .ssbox>p a{float:right; font-size:14px; color:#000;}
.section3 .sbox .ssbox .board{margin-top:15px;}
.section3 .sbox .ssbox .board td{padding-bottom:10px; font-size:16px; color:#999;}
.section3 .sbox .ssbox .board td a{font-size:16px; color:#000; text-shadow:0 0 1px #000;}


.sectionbar{display:none; padding:30px 0; border-top:1px solid #ddd;}
.sectionbar .sbox{margin-top:0;}
.sectionbar .sbox a{display:table; float:left; width:228px; height:85px; margin-right:15px; text-align:center; border:1px solid #ddd; transition:0.3s;}
.sectionbar .sbox a:last-child{margin-right:0;}
.sectionbar .sbox a div{display:table-cell; vertical-align:middle;}
.sectionbar .sbox a:hover{border-color:#eb621b;}


/* footer */
.footer{background:#202020;}
.footer .fbox{padding:60px 0 50px;}
.footer .fbox .box1{padding-bottom:20px; border-bottom:1px solid #b1b1b1;}
.footer .fbox .box1 .flogo{float:left;}
.footer .fbox .box1 ul{float:right; margin-top:20px;}
.footer .fbox .box1 ul li{float:left; margin-left:10px;}
.footer .fbox .box1 ul li a{display:block; pading-left:10px; font-size:13px; color:#b1b1b1; line-height:10px;}
.footer .fbox .box1 ul li:last-child a{border-left:1px solid #b1b1b1;}
.footer .fbox .box2{padding-top:40px;}
.footer .fbox .box2 .textbox{float:left;}
.footer .fbox .box2 .textbox p{margin-bottom:10px; line-height:20px;}
.footer .fbox .box2 .textbox p span{margin-right:10px; font-size:12px; color:#999;}
.footer .fbox .box2 .textbox p:nth-of-type(2){margin-bottom:0; font-size:12px; color:#b1b1b1;}
.footer .fbox .box2 .fsns{float:right;}
.footer .fbox .box2 .fsns a{margin-left:10px;}


/* subtop */
.subtop{height:400px; padding-top:190px; font-size:25px; color:#fff; text-align:center; line-height:58px;}
.subtop strong{font-size:58px;}
.subtop01{background:url('../img/subtop01.jpg') no-repeat center;}
.subtop02{background:url('../img/subtop02.jpg') no-repeat center;}
.subtop03{background:url('../img/subtop03.jpg') no-repeat center;}
.subtop04{background:url('../img/subtop04.jpg') no-repeat center;}
.subtop05{background:url('../img/subtop05.jpg') no-repeat center;}


/* smenu */
.smenu{width:700px; height:60px; margin:-30px auto 0; border-radius:30px; box-shadow:0 5px 10px #bbb; background:#fff000;}
.smenu .nav{position:relative; float:left; cursor:pointer;}
.smenu .nav>a{display:block; width:60px; height:60px; font-size:14px; color:#333; text-align:center; text-shadow:0 0 1px #333; line-height:60px;}
.smenu .nav1{width:60px;}
.smenu .nav2,
.smenu .nav3{width:200px; height:60px; padding-top:22px;}
.smenu .nav span{position:relative; display:block; padding-left:27px; font-size:14px; color:#666; text-shadow:0 0 1px #333;}
.smenu .nav2 span{border-left:1px solid #666; border-right:1px solid #666;}
.smenu .nav span:before{display:block; content:""; position:absolute; right:15px; top:7px; border:6px solid #666; border-bottom:0px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.3s;}
.smenu .nav ul{display:none; position:absolute; top:60px; left:0; z-index:1; width:100%; padding:20px 27px; border-top:1px solid #fff; background:#fff000;}
.smenu .nav ul li a{display:block; padding-bottom:15px; font-size:14px; color:#666; text-shadow:0 0 1px #666;}
.smenu .nav ul li a:hover{color:#000; text-shadow:0 0 1px #000;}
.smenu .nav.on span:before{transform:rotate(-180deg);}
.sub04_01 .smenu .nav3,
.sub04_02 .smenu .nav3,
.sub04_03 .smenu .nav3,
.sub04_04 .smenu .nav3{width:250px;}


/* sub all */
.sub{min-height:600px;}
.sub .contents{padding:100px 0; overflow:hidden;}
.sub .contents>p{font-size:52px; color:#000; text-align:center;}
.sub .contents .sbox{margin-top:70px;}
.sub .contents .board{margin-top:0;}
.sub .contents .board th,
.sub .contents .board td,
.sub .contents .board a{font-size:16px; font-weight:400; color:#333; transition:all 0.5s;}
.sub .contents .board a:hover{color:#eb621b;}
.sub .contents .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%;}

.sub01_01 .contents .sbox>p:nth-of-type(1){font-size:20px; color:#333; line-height:40px;}
.sub01_01 .contents .sbox>p:nth-of-type(1) strong{color:#f60;}
.sub01_01 .contents .sbox .ssbox{margin-top:30px;}
.sub01_01 .contents .sbox .ssbox img{float:right; width:135px; margin:180px 0 0 50px;}
.sub01_01 .contents .sbox .ssbox p{margin-bottom:30px; font-size:16px; color:#333; line-height:30px;}
.sub01_01 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub01_01 .contents .sbox .ssbox p span{color:#000;}

.sub01_02 .contents .sbox .basic{border-collapse:collapse;}
.sub01_02 .contents .sbox .basic th,
.sub01_02 .contents .sbox .basic td{padding:20px; font-size:16px; color:#333; border:1px solid #ddd;}
.sub01_02 .contents .sbox .basic th{font-size:20px;}

.sub01_03 .contents>p{position:relative; padding-bottom:20px; font-size:40px; font-weight:700; color:#333; text-align:center;}
.sub01_03 .contents>p:before{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:50px; height:2px; background:#333;}
.sub01_03 .contents .sbox1{position:relative; height:100%; padding-top:100px;}
.sub01_03 .contents .sbox1 .mline{position:absolute; top:130px; left:50%; width:1px; height:100%; border-right:1px dotted #eb621b;}
.sub01_03 .contents .sbox1 .ssbox{padding-bottom:50px;}
.sub01_03 .contents .sbox1 .ssbox1>div{position:relative; float:left; width:50%;}
.sub01_03 .contents .sbox1 .ssbox1 .rbox .sround{position:absolute; top:0; left:-15px; width:30px; height:30px; border:5px solid #eb621b; border-radius:50%; background:#fff;}
.sub01_03 .contents .sbox1 .ssbox1 .rbox p{padding-left:45px; font-size:40px; font-weight:700; color:#eb621b; line-height:30px;}
.sub01_03 .contents .sbox1 .ssbox1 .rbox ul{padding-top:16px;}
.sub01_03 .contents .sbox1 .ssbox1 .rbox ul li{position:relative; margin-top:18px; padding-left:48px; font-size:16px; color:#000;}
.sub01_03 .contents .sbox1 .ssbox1 .rbox ul li:before{content:""; position:absolute; top:7px; left:-2px; width:5px; height:5px; background:#eb621b;}
.sub01_03 .contents .sbox1 .ssbox1 .lbox{padding-right:48px; padding-top:70px;}

.sub01_03 .contents .sbox1 .ssbox2>div{position:relative; float:left; width:50%;}
.sub01_03 .contents .sbox1 .ssbox2 .lbox{text-align:right;}
.sub01_03 .contents .sbox1 .ssbox2 .lbox .sround{position:absolute; top:0; right:-15px; width:30px; height:30px; border:5px solid #eb621b; border-radius:50%; background:#fff;}
.sub01_03 .contents .sbox1 .ssbox2 .lbox p{padding-right:45px; font-size:40px; font-weight:700; color:#eb621b; line-height:30px;}
.sub01_03 .contents .sbox1 .ssbox2 .lbox ul{padding-top:16px;}
.sub01_03 .contents .sbox1 .ssbox2 .lbox ul li{position:relative; margin-top:18px; padding-right:48px; font-size:16px; color:#000;}
.sub01_03 .contents .sbox1 .ssbox2 .lbox ul li:before{content:""; position:absolute; top:7px; right:-3px; width:5px; height:5px; background:#eb621b;}
.sub01_03 .contents .sbox1 .ssbox2 .rbox{padding-left:48px; padding-top:70px;}

.sub01_04 .contents .sbox .basic{border-collapse:collapse;}
.sub01_04 .contents .sbox .basic th,
.sub01_04 .contents .sbox .basic td{padding:40px 0; font-size:16px; color:#333; text-align:center; line-height:20px; border:1px solid #eb621b;}
.sub01_04 .contents .sbox .basic th{font-size:20px;}
.sub01_04 .contents .sbox .basic tr:first-child th{font-size:30px;}

.sub04_01 .contents .sbox .ssbox{margin-bottom:50px;}
.sub04_01 .contents .sbox .ssbox>p:nth-of-type(1){position:relative; margin-bottom:15px; padding-left:26px; font-size:20px; font-weight:700; color:#000;}
.sub04_01 .contents .sbox .ssbox>p:nth-of-type(1):before{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:16px; height:16px; border:1px solid #000;}
.sub04_01 .contents .sbox .ssbox>p:nth-of-type(1):after{content:""; position:absolute; top:50%; left:3px; transform:translateY(-50%); width:12px; height:12px; background:#000;}
.sub04_01 .contents .sbox .ssbox>p:nth-of-type(2){margin-top:10px; font-size:16px; color:#666; line-height:26px;}
.sub04_01 .contents .sbox .ssbox div{position:relative; margin-top:20px;}
.sub04_01 .contents .sbox .ssbox div img{width:100%;}
.sub04_01 .contents .sbox .ssbox1 div p{position:absolute; bottom:24px; left:68px; font-size:20px; font-weight:700; color:#333; line-height:36px;}
.sub04_01 .contents .sbox .ssbox1 div p strong{font-size:30px; color:#09f;}
.sub04_01 .contents .sbox .ssbox4 .basic{margin-top:20px; border-collapse:collapse;}
.sub04_01 .contents .sbox .ssbox4 .basic th,
.sub04_01 .contents .sbox .ssbox4 .basic td{width:20%; padding:10px; font-size:16px; font-weight:400; color:#333; text-align:center; border:1px solid #06f;}
.sub04_01 .contents .sbox .ssbox4 .basic th{color:#fff; background:#09f;}

.sub04_02 .contents .sbox>p{font-size:30px; font-weight:700; color:#09f;}
.sub04_02 .contents .sbox .ssbox{margin-top:50px;}
.sub04_02 .contents .sbox .ssbox>p:nth-of-type(1){position:relative; margin-bottom:15px; padding-left:26px; font-size:20px; font-weight:700; color:#000;}
.sub04_02 .contents .sbox .ssbox>p:nth-of-type(1):before{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:16px; height:16px; border:1px solid #000;}
.sub04_02 .contents .sbox .ssbox>p:nth-of-type(1):after{content:""; position:absolute; top:50%; left:3px; transform:translateY(-50%); width:12px; height:12px; background:#000;}
.sub04_02 .contents .sbox .ssbox>p:nth-of-type(2){margin-top:10px; font-size:16px; color:#666; line-height:26px;}
.sub04_02 .contents .sbox .ssbox .box{margin:20px 0;}
.sub04_02 .contents .sbox .ssbox .box div{float:left; width:224px; margin-right:20px;}
.sub04_02 .contents .sbox .ssbox .box div:last-child{margin-right:0;}
.sub04_02 .contents .sbox .ssbox .box div img{width:100%;}
.sub04_02 .contents .sbox .ssbox .box div p:nth-of-type(1){margin:10px 0; font-size:16px; font-weight:700; color:#000;}
.sub04_02 .contents .sbox .ssbox .box div p:nth-of-type(2){font-size:14px; color:#666; line-height:20px;}