@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:'Noto Sans KR', 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,
.sub{width:1200px; margin:0 auto;}



/* top */
.top{position:fixed; top:0; left:0; z-index:9999; width:100%; background:#fff; transition:all 0.2s;}
.top .menubg{display:none; position:fixed; top:100px; left:0; z-index:9998; width:100%; height:200px; background:rgba(0,0,0, 0.7);}
.top .tbox .logo{float:left; width:395px; padding-top:31px;}
.top .tbox ul{float:left;}
.top .tbox ul li{position:relative; float:left; margin-right:60px;}
.top .tbox ul li:last-child{margin-right:0;}
.top .tbox ul li>a{display:block; height:100px; font-size:18px; font-weight:400; color:#000; line-height:100px; transition:all 0.2s;}
.top .tbox ul li:hover>a{color:#eb621b;}
.top .tbox .ticon{float:right; padding-top:33px;}


/* submenu */
.submenu{display:none; position:absolute; top:100px; left:0; z-index:9999; width:120px; padding-top:20px;}
.submenu p{padding-bottom:10px;}
.submenu p a{font-size:15px; font-weight:400; color:#fff; transition:all 0.2s;}
.submenu p a:hover{color:#eb621b;}


/* slidetext */
.slidetext{position:absolute; top:128px; left:50%; transform:translateX(-50%); z-index:9998; width:1200px;}
.slidetext p{padding-left:12px; font-size:24px; font-weight:400; color:#fff; line-height:48px; text-shadow:1px 1px 3px #000;}
.slidetext p strong{font-size:48px; font-weight:400;}


/* slide thumbnail */
.thumbnail{position:absolute; bottom:75px; left:50%; z-index:9998; width:600px; text-align:right;}
.thumbnail div{display:inline-block; width:83px; height:48px; font-size:12px; font-weight:400; color:#fff; text-align:center; line-height:48px; letter-spacing:-1px; border:1px solid #e6e6e6;}
.thumbnail div:first-child{background:url('../img/thumbnail01.jpg') no-repeat center;}
.thumbnail div:nth-child(2){background:url('../img/thumbnail02.jpg') no-repeat center;}
.thumbnail div:nth-child(3){background:url('../img/thumbnail03.jpg') no-repeat center;}
.thumbnail div:nth-child(4){background:url('../img/thumbnail04.jpg') no-repeat center;}
.thumbnail div:last-child{background:url('../img/thumbnail05.jpg') no-repeat center;}


#banner_wap_body{margin-top:100px;}



/* section all */
.section>p{text-align:center;}
.section>p:nth-of-type(1){font-size:38px; font-weight:700; color:#000;}
.section>p:nth-of-type(2){margin-top:10px; font-size:17px; font-weight:400; color:#000;}


/* section style */
.section1{padding:50px 0 40px;}
.section1 .sbox{margin-top:50px;}
.section1 .sbox .ssbox{float:left;}
.section1 .sbox .ssbox1{width:376px; border:1px solid #ddd;}
.section1 .sbox .ssbox1>p{padding:25px 20px; font-size:21px; font-weight:700; color:#000; transition:all 0.2s;}
.section1 .sbox .ssbox1:hover>p{color:#eb621b;}
.section1 .sbox .ssbox1 .board td{height:48px; padding-left:10px; border-top:1px solid #ddd;}
.section1 .sbox .ssbox1 .board td a{font-size:14px; font-weight:400; color:#000; transition:all 0.2s;}
.section1 .sbox .ssbox1 .board td a:hover{color:#eb621b;}
.section1 .sbox .ssbox2{float:right;}
.section1 .sbox .ssbox2 .box{float:left; width:156px; height:276px; margin-left:8px; padding:210px 0 0 10px;}
.section1 .sbox .ssbox2 .box p{font-size:10px; font-weight:400; color:#fff; transition:all 0.2s;}
.section1 .sbox .ssbox2 .box p strong{font-size:16px;}
.section1 .sbox .ssbox2 .box:hover p{color:#eb621b;}
.section1 .sbox .ssbox2 .box1{margin-left:0; background:url('../img/section1_01.jpg') no-repeat center;}
.section1 .sbox .ssbox2 .box2{background:url('../img/section1_02.jpg') no-repeat center;}
.section1 .sbox .ssbox2 .box3{background:url('../img/section1_03.jpg') no-repeat center;}
.section1 .sbox .ssbox2 .box4{background:url('../img/section1_04.jpg') no-repeat center;}
.section1 .sbox .ssbox2 .box5{background:url('../img/section1_05.jpg') no-repeat center;}

.sectionbar{height:193px; padding-top:20px; background:url('../img/sectionbar.jpg') no-repeat center;}
.sectionbar>p{text-align:center;}
.sectionbar>p:nth-of-type(1){font-size:16px; font-weight:400; color:#fff;}
.sectionbar>p:nth-of-type(2){margin:10px 0 30px; font-size:30px; font-weight:700; color:#fff;}
.sectionbar>p:nth-of-type(3) a{display:inline-block; padding:10px 30px; font-size:14px; font-weight:400; color:#fff; border:1px solid #fff; transition:all 0.2s;}
.sectionbar>p:nth-of-type(3) a:hover{border-color:#eb621b; background:#eb621b;}

.section2{padding:50px 0 100px;}
.section2 .sbox .board{margin-top:50px;}
.section2 .sbox .board .table_td{display:block; float:left; width:285px; margin-right:20px; padding-bottom:30px;}
.section2 .sbox .board .table_td:last-child{margin-right:0;}
.section2 .sbox .board .table_td a{font-size:16px; font-weight:400; color:#000; transition:all 0.2s;}
.section2 .sbox .board .table_td a:hover{color:#eb621b}
.section2 .sbox>p{margin-top:30px; text-align:center;}
.section2 .sbox>p a{display:inline-block; padding:10px 30px; font-size:14px; font-weight:400; color:#000; border:1px solid #ddd; transition:all 0.2s;}
.section2 .sbox>p a:hover{color:#fff; border-color:#eb621b; background:#eb621b;}


/* footer */
.footer{background:#ececec;}
.footer .fbox{padding:30px 0 20px;}
.footer .fbox div{float:left;}
.footer .fbox .flogo{width:300px;}
.footer .fbox .textbox p{font-size:14px; font-weight:400; color:#555; line-height:24px;}
.footer .fbox .textbox p span{margin-right:10px; font-size:14px; font-weight:400; color:#555;}
.footer .fbox .textbox p:nth-of-type(2){margin-top:10px;}


/* subtop */
.subtop{margin-top:100px;}
.subtop div{width:1200px; margin:0 auto; height:130px; font-size:23px; font-weight:400; color:#fff; text-align:center; line-height:130px;}
.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;}


/* navi */
.navi{border-bottom:1px solid #ddd;}
.navi div{height:40px; width:1200px; margin:0 auto; font-size:14px; font-weight:400; color:#555; line-height:40px; font-family: 'NanumGothic', sans-serif;}


/* smenu */
.smenu{width:200px}
.smenu p{height:62px; padding-top:18px; font-size:24px; font-weight:700; color:#333; border-bottom:2px solid #000;}
.smenu ul li a{display:block; padding:10px 5px; font-size:16px; font-weight:400; color:#555; border-bottom:1px solid #ddd;}


/* smenu active */
.sub01 .smenu ul li:first-child a,
.sub02 .smenu ul li:nth-child(2) a,
.sub03 .smenu ul li:nth-child(3) a,
.sub04 .smenu ul li:nth-child(4) a,
.sub05 .smenu ul li:nth-child(5) a{border-color:#f00; background:#f9f9f9;}


/* sub all */
.sub{min-height:600px; padding-top:50px;}
.sub>div{float:left;}
.sub .contents{width:900px; padding:0 0 100px 80px;}
.sub .contents>p{height:62px; font-size:24px; font-weight:700; color:#333; border-bottom:2px solid #000;}
.sub .contents>p strong{padding-left:5px; font-size:12px; font-weight:300; color:#888; letter-spacing:1px;}
.sub .contents .sbox,
.sub .contents .board{margin-top:40px;}
.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;}

.sub01_01 .contents .sbox .ssbox{margin-bottom:80px;}
.sub01_01 .contents .sbox .ssbox4{margin-bottom:0;}
.sub01_01 .contents .sbox .ssbox>p{font-size:16px; font-weight:400; color:#333; line-height:24px;}
.sub01_01 .contents .sbox .ssbox>p strong{font-size:20px; color:#e20e1d;}
.sub01_01 .contents .sbox .ssbox>p:nth-of-type(1){font-size:20px; color:#eb621b;}
.sub01_01 .contents .sbox .ssbox>p:nth-of-type(1) strong{font-size:30px;}
.sub01_01 .contents .sbox .ssbox>p:nth-of-type(2){margin:20px 0;}
.sub01_01 .contents .sbox .ssbox>div{margin-top:30px;}
.sub01_01 .contents .sbox .ssbox>div img{width:100%;}
.sub01_01 .contents .sbox .ssbox1>div img{width:100%;}
.sub01_01 .contents .sbox .ssbox2 .box div{position:relative; float:left; width:50%;}
.sub01_01 .contents .sbox .ssbox2 .box div img{width:100%;}
.sub01_01 .contents .sbox .ssbox2 .box div p{position:absolute; bottom:0; left:0; width:100%; padding:10px 0; font-size:16px; font-weight:400; color:#fff; text-align:center; background:rgba(0,0,0, 0.7);}
.sub01_01 .contents .sbox .ssbox3 div{border:1px solid #ddd;}
.sub01_01 .contents .sbox .ssbox3>p:nth-of-type(3){margin-top:50px;}
.sub01_01 .contents .sbox .ssbox4 .box div{float:left; width:25%;}
.sub01_01 .contents .sbox .ssbox4 .box div img{width:100%;}

.sub01_02 .contents .sbox .basic{margin-top:20px; border-collapse:collapse;}
.sub01_02 .contents .sbox .basic th,
.sub01_02 .contents .sbox .basic td{padding:10px; font-size:16px; font-weight:400; color:#333; border:1px solid #ddd;}
.sub01_02 .contents .sbox .basic th{font-weight:700; background:#f5f5f5;}

.sub02_all .contents .sbox .ssbox{margin-bottom:80px;}
.sub02_all .contents .sbox .ssbox4{margin-bottom:0;}
.sub02_all .contents .sbox .ssbox>p{font-size:16px; font-weight:400; color:#333; line-height:24px;}
.sub02_all .contents .sbox .ssbox>p strong{color:#e20e1d;}
.sub02_all .contents .sbox .ssbox>p span{font-weight:700; color:#eb621b;}
.sub02_all .contents .sbox .ssbox>p:nth-of-type(1){margin-bottom:40px; font-size:20px; color:#eb621b;}
.sub02_all .contents .sbox .ssbox>p:nth-of-type(1) strong{font-size:20px;}
.sub02_all .contents .sbox .ssbox>p:nth-of-type(2),
.sub02_all .contents .sbox .ssbox>p:nth-of-type(3),
.sub02_all .contents .sbox .ssbox>p:nth-of-type(4){margin:30px 0 60px;}
.sub02_all .contents .sbox .ssbox>div img{width:100%;}
.sub02_all .contents .sbox .ssbox2{padding:30px; background:#e20e1d;}
.sub02_all .contents .sbox .ssbox2 .box{float:left; width:182px; margin-right:10px; padding:20px 20px 15px; border:1px solid #d4d2d2; background:#302c25;}
.sub02_all .contents .sbox .ssbox2 .box:last-child{margin-right:0;}
.sub02_all .contents .sbox .ssbox2 .box img{width:100%;}
.sub02_all .contents .sbox .ssbox2 .box p{font-size:12px; font-weight:400; color:#d4d2d2;}
.sub02_all .contents .sbox .ssbox2 .box p:nth-of-type(1){margin:20px 0 10px; font-size:14px; color:#fff;}
.sub02_all .contents .sbox .ssbox2 .box p:nth-of-type(2){height:70px; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #d4d2d2;}
.sub02_all .contents .sbox .ssbox2 .box p:nth-of-type(3){text-align:right;}
.sub02_all .contents .sbox .slink{margin-top:60px;}
.sub02_all .contents .sbox .slink a{display:block; width:300px; height:50px; margin:0 auto; font-size:16px; font-weight:700; color:#e20e1d; text-align:center; line-height:50px; border:1px solid #e20e1d; transition:all 0.3s;}
.sub02_all .contents .sbox .slink a span{vertical-align:top; font-size:14px; font-weight:700; color:#e20e1d; font-family:'Nanum Gothic', sans-serif;}
.sub02_all .contents .sbox .slink a:hover{color:#fff; background:#e20e1d;}
.sub02_all .contents .sbox .slink a:hover span{color:#fff;}