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


/* leftmenu */
.leftmenu_bg{display:none; position:fixed; top:0; left:0; z-index:997; width:100%; height:100%; background:rgba(0,0,0, 0.5);}
.leftmenu{position:fixed; top:0; left:-100%; z-index:9999; width:300px; height:100%; background:#333; transition:all 0.3s; background:#483d3b;}
.leftmenu.on{left:0;}
.leftmenu .close{padding-right:20px; text-align:right; cursor:pointer;}
.leftmenu .close span{font-size:50px; font-weight:300; color:#fff; transition:all 0.3s; opacity:0.5;}
.leftmenu ul{margin-top:50px;}
.leftmenu ul li{margin-bottom:10px; text-align:center;}
.leftmenu ul li a{font-size:14px; color:#fff; transition:all 0.5s; opacity:0.5;}
.leftmenu .close span:hover,
.leftmenu ul li a:hover{opacity:1;}


/* top */
.top_bg{position:fixed; top:0; left:0; z-index:9999999; width:100%; min-width:1200px; background:#fff;}
.top .tbox{position:relative; text-align:center;}
.top1 .tbox .logo{height:140px; padding-top:25px;}
.top1 .tbox .logo img{width:250px;}
.top1 .tbox ul{position:absolute; top:50%; transform:translateY(-50%);}
.top1 .tbox ul li{float:left;}
.top1 .tbox .ulbox1{left:50px;}
.top1 .tbox .ulbox1 li{margin-right:30px;}
.top1 .tbox .ulbox1 li img{width:auto;}
.top1 .tbox .ulbox2{right:50px;}
.top1 .tbox .ulbox2 li{margin-left:30px;}
.top1 .tbox .ulbox2 li a{display:block; font-size:14px; font-weight:700; color:#888; transition:0.5s;}
.top1 .tbox .ulbox2 li a:hover{color:#000;}

.top2{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.top2 .tbox .menubtn{position:absolute; top:50%; left:50px; transform:translateY(-50%); width:56px; height:34px; cursor:pointer;}
.top2 .tbox .menubtn ul{position:absolute; top:0; left:0; width:56px; padding:4px 18px;}
.top2 .tbox .menubtn ul li{height:2px; margin:5px 0; background:#5c2b2a; transition:all 0.3s; transform-origin: left center;}
.top2 .tbox .menubtn.on ul .btn_t{transform:rotate(45deg);}
.top2 .tbox .menubtn.on ul .btn_m{width:0;}
.top2 .tbox .menubtn.on ul .btn_b{transform:rotate(-45deg);}
.top2 .tbox .menu{text-align:center;}
.top2 .tbox .menu li{position:relative; display:inline-block; margin:0 20px;}
.top2 .tbox .menu li>a{display:block; height:50px; font-size:18px; color:#000; line-height:50px;  transition:0.5s;}
.top2 .tbox .menu li:hover>a{color:#5C2B2A;}

/* submenu */
.submenu{display:none; position:absolute; top:50px; left:-20px; z-index:998; width:150px; background:#fff; box-shadow:0 0 10px #bbb;}
.submenu p a{display:block; padding:12px 20px; font-size:12px; color:#666; text-align:left; transition:all 0.5s;}
.top2 .tbox .menu li:nth-child(4) .submenu p a{font-size:13px;}
.submenu p a:hover{color:#fff; background:#5C2B2A;}



/* section style */
.section{padding:100px 0;}
.section .sbox .title p{font-size:20px; color:#333; text-align:center; font-family:'Nanum Myeongjojo', serif;}
.section .sbox .title p:nth-of-type(1){margin-bottom:10px; font-size:30px; font-weight:700; color:#000;}


.section1 .sbox2{margin-top:80px;}
.section1 .sbox .ssbox{position:relative; float:left; height:700px;}
.section1 .sbox1 .ssbox2{width:calc(100% - 770px);}
.section1 .sbox2 .ssbox1{width:calc(100% - 670px);}
.section1 .sbox .ssbox img{width:770px;}
.section1 .sbox2 .ssbox img{width:670px;}
.section1 .sbox .ssbox .box{position:absolute;}
.section1 .sbox1 .ssbox .box1{top:0; right:0; padding-top:30px;}
.section1 .sbox1 .ssbox .box2{bottom:30px; right:0;}
.section1 .sbox2 .ssbox .box1{top:0; left:0; padding-top:30px;}
.section1 .sbox2 .ssbox .box2{bottom:30px; left:0;}
.section1 .sbox1 .ssbox .box1:before{content:""; position:absolute; top:0; right:0; width:60px; height:3px; background:#483d3b;}
.section1 .sbox2 .ssbox .box1:before{content:""; position:absolute; top:0; left:0; width:60px; height:3px; background:#483d3b;}
.section1 .sbox .ssbox .box1 p{font-size:26px; font-weight:700; color:#000; line-height:40px; font-family:'Nanum Myeongjo', serif;}
.section1 .sbox .ssbox .box1 p strong{font-size:30px; font-family:'Nanum Myeongjo', serif;}
.section1 .sbox .ssbox .box2 p:nth-of-type(1){font-size:20px; font-weight:700; color:#000; font-family:'Nanum Myeongjo', serif;}
.section1 .sbox .ssbox .box2 p:nth-of-type(2){margin-top:10px; font-size:16px; color:#666; line-height:26px;}
.section1 .sbox1 .ssbox .box{text-align:right;}
.section1 .sbox2 .ssbox1 .box2 a{display:inline-block; margin-top:30px; padding:10px 30px; font-size:14px; color:#666; border:1px solid #ddd; transition:all 0.5s;}
.section1 .sbox2 .ssbox1 .box2 a:hover{color:#fff; background:#5C2B2A;}

.section2{background:#483d3b;}
.section2 .sbox .title p{color:#fff;}
.section2 .sbox .title p:nth-of-type(1){color:#fff;}
.section2 .sbox .ssbox{margin-top:30px; text-align:center;}
.section2 .sbox .ssbox>p{position:relative; padding-top:32px; font-size:16px; color:#fff; line-height:26px;}
.section2 .sbox .ssbox>p:before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:150px; height:3px; background:#fff;}
.section2 .sbox .ssbox .box{margin-top:60px;}
.section2 .sbox .ssbox .box div{display:inline-block; width:500px; height:670px; margin:0 15px;}
.section2 .sbox .ssbox .box div img{width:100%;}
.section2 .sbox .ssbox .box div:last-child p{height:320px;}
.section2 .sbox .ssbox .box div:last-child p:nth-of-type(2){margin-top:30px;}

.section3{padding:100px 0 150px;}
.section3 .sbox .ssbox{margin-top:60px;}
.section3 .sbox .ssbox .box{float:left; width:285px; margin-right:20px;}
.section3 .sbox .ssbox .box:last-child{margin-right:0;}
.section3 .sbox .ssbox .box div img{width:100%;}
.section3 .sbox .ssbox .box div:last-child{padding:30px 20px; background:#483d3b;}
.section3 .sbox .ssbox .box div:last-child p{color:#fff;}
.section3 .sbox .ssbox .box div:last-child p:nth-of-type(1){font-size:20px; font-weight:700;}
.section3 .sbox .ssbox .box div:last-child p:nth-of-type(2){margin-top:10px; font-size:14px;}

.section4{padding:0 0 150px;}
.section4 .sbox .ssbox{margin-top:60px;}


/* footer */
.footer{padding:40px 0 60px; text-align:center; background:#333;}
.footer .fbox div a{margin:0 10px;}
.footer .fbox div a img{width:30px;}
.footer .fbox p:nth-of-type(1){margin:20px 0; font-size:12px; color:#fff;}
.footer .fbox p:nth-of-type(2){line-height:20px;}
.footer .fbox p span{margin-right:15px; font-size:12px; color:#fff;}
.footer .fbox ul{margin:20px 0;}
.footer .fbox ul li{display:inline-block; margin:0 10px;}
.footer .fbox ul li a{font-size:12px; color:#fff;}
.footer .fbox ul li:last-child a{font-weight:700;}
.footer .fbox p:nth-of-type(3){font-size:12px; color:#fff;}


/* smenu */
.smenu{margin-top:100px; text-align:center;}
.smenu ul{display:inline-block;}
.smenu ul li{float:left; width:140px;}
.smenu ul li a{display:block; padding:10px 0; font-size:16px; color:#888; border:1px solid #ddd;}
.smenu .box{margin-top:30px;}
.smenu .box .ulbox2 li{width:120px;}
.smenu .box .ulbox2 li a{padding:5px 0; font-size:12px;}
.smenu ul li a:hover{color:#fff; background:#5C2B2A;}

/* smenu active */
.sub01 .smenu .ulbox1 li:first-child a,
.sub02 .smenu .ulbox1 li:nth-child(2) a,
.sub03 .smenu .ulbox1 li:nth-child(3) a,
.sub04 .smenu .ulbox1 li:nth-child(4) a,
.sub05 .smenu .ulbox1 li:nth-child(5) a,
.sub06 .smenu .ulbox1 li:nth-child(6) a{color:#fff; background:#5C2B2A;}

.ssub01 .smenu .ulbox2 li:first-child a,
.ssub02 .smenu .ulbox2 li:nth-child(2) a,
.ssub03 .smenu .ulbox2 li:nth-child(3) a{color:#fff; background:#5C2B2A;}

/* subtop */
.subtop{height:333px; margin-top:191px; font-size:30px; color:#fff; text-align:center; line-height:333px; font-family:'Nanum Myeongjo', serif;}
.subtop strong{font-size:40px; font-family:'Nanum Myeongjo', serif;}
.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;}
.subtop06{background:url('../img/subtop06.jpg') no-repeat center;}


/* sub all */
.sub{min-height:700px;}
.sub .contents{padding:100px 0;}
.sub .contents .title{text-align:center;}
.sub .contents .title p{font-size:16px; color:#333;}
.sub .contents .title p:nth-of-type(1){font-weight:700; line-height:30px; font-family:'Nanum Myeongjo', serif;}
.sub .contents .title p:nth-of-type(1) strong{font-size:26px; color:#000; font-family:'Nanum Myeongjo', serif;}
.sub .contents .title p:nth-of-type(2){line-height:26px;}
.sub .contents .title ul{display:inline-block; position:relative; width:200px; margin:40px 0; border-top:1px solid #000;}
.sub .contents .title ul li{position:absolute; top:-5px; left:50%; transform:translateX(-50%) rotate(45deg); width:10px; height:10px; border:1px solid #000;}
.sub .contents .title ul li:first-child{margin-left:-12px;}
.sub .contents .title ul li:last-child{margin-left:12px;}
.sub .contents .sbox{margin-top:100px;}



/* sub style */
.sub01_01 .contents .mapdown{padding:30px 0; text-align:right;}
.sub01_01 .contents .mapdown>a{display:inline-block; vertical-align:top; width:150px; height:40px; margin-right:5px; font-size:14px; font-weight:700; color:#666; text-align:center; line-height:40px; border:1px solid #666; background:#fff;}
.sub01_01 .contents .mapdown div{display:inline-block; height:40px; margin-right:5px; padding:10px 10px 10px 0; border:1px solid #666;}
.sub01_01 .contents .mapdown div span{display:block; float:left; width:150px; margin-top:2px; font-size:14px; font-weight:700; color:#666; text-align:center;}
.sub01_01 .contents .mapdown div a{display:block; float:left; padding:3px 5px; margin-right:5px; font-size:12px; font-weight:700; color:#f00; border:1px solid #f00;}
.sub01_01 .contents .mapdown div a:nth-child(3){color:#09f; border-color:#06f;}
.sub01_01 .contents .sbox .ssbox1{margin-bottom:100px;}
.sub01_01 .contents .sbox .ssbox .box{float:left; width:600px;}
.sub01_01 .contents .sbox .ssbox1 .box div{margin-bottom:10px;}
.sub01_01 .contents .sbox .ssbox1 .box div:last-child{margin-bottom:0;}
.sub01_01 .contents .sbox .ssbox1 .box div span{display:inline-block; margin-right:5px; padding-right:5px; font-size:16px; color:#888;}
.sub01_01 .contents .sbox .ssbox1 .box div span:first-child{margin-right:5px; padding-right:5px; border-right:1px solid #000; line-height:14px;}
.sub01_01 .contents .sbox .ssbox1 .box div span strong{color:#000;}
.sub01_01 .contents .sbox .ssbox2 .box div:first-child{margin-bottom:30px;}
.sub01_01 .contents .sbox .ssbox2 .box div p:nth-of-type(1){margin-bottom:10px; font-size:16px; font-weight:700; color:#333;}
.sub01_01 .contents .sbox .ssbox2 .box div p:nth-of-type(1) strong{font-size:20px; color:#000;}
.sub01_01 .contents .sbox .ssbox2 .box div p:nth-of-type(2){font-size:16px; color:#888; line-height:24px;}
.sub01_01 .contents .sbox .ssbox2 .box:last-child div p{margin-top:30px;}
.sub01_01 .contents .sbox .ssbox2 .box:last-child div p:nth-of-type(2){margin-top:10px;}
.sub01_01 .contents .sbox .ssbox2 .box:last-child div p span{margin-right:10px; font-size:16px; color:#888;}


/* sub02_all */
.demo .item{margin-bottom: 60px;}
.content-slider li{background-color: #5C2B2A; text-align: center; color: #FFF;}
.content-slider h3{padding: 70px 0;}
.demo{width:100%;}

.sub02_all .contents .sbox .board td,
.sub02_all .contents .sbox .board td a{font-size:14px; color:#666;}

.sub02_all .contents .sbox .ssbox{margin-top:100px;}
.sub02_all .contents .sbox .ssbox .box{float:left; width:500px;}
.sub02_all .contents .sbox .ssbox .box:last-child{width:700px;}
.sub02_all .contents .sbox .ssbox .box p{margin-bottom:20px; font-size:16px; color:#333;}
.sub02_all .contents .sbox .ssbox .box p:nth-of-type(1){font-size:20px; font-weight:700; color:#333;}
.sub02_all .contents .sbox .ssbox .box p:nth-of-type(2){line-height:26px;}
.sub02_all .contents .sbox .ssbox .box1 p{font-family:'Nanum Myeongjo', serif;}
.sub02_all .contents .sbox .ssbox .box div{margin-top:50px;}
.sub02_all .contents .sbox .ssbox .box div a{display:inline-block; width:150px; padding:15px 0; font-size:12px; color:#fff; text-align:center; background:#5C2B2A;}

.sub02_all .contents1{padding:100px 0; background:#483d3b;}
.sub02_all .contents1 .sbox1{width:1200px; margin:0 auto;}
.sub02_all .contents1 .sbox1>p{font-size:30px; font-weight:700; color:#fff;}
.sub02_all .contents1 .sbox1 .ssbox{margin-top:80px;}
.sub02_all .contents1 .sbox1 .ssbox .box{float:left; width:570px; text-align:center;}
.sub02_all .contents1 .sbox1 .ssbox .box:first-child{margin-right:60px;}
.sub02_all .contents1 .sbox1 .ssbox .box div a{display:block; position:relative; height:100%;}
.sub02_all .contents1 .sbox1 .ssbox .box div a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, 0.5); transition:all 0.5s; opacity:0;}
.sub02_all .contents1 .sbox1 .ssbox .box div a:hover:before{opacity:1;}
.sub02_all .contents1 .sbox1 .ssbox .box div img{width:auto;}
.sub02_all .contents1 .sbox1 .ssbox .box p{margin-bottom:20px; font-size:16px; color:#333;}
.sub02_all .contents1 .sbox1 .ssbox .box p:nth-of-type(1){margin:50px 0 30px; font-size:20px; font-weight:700; color:#fff;}
.sub02_all .contents1 .sbox1 .ssbox .box p:nth-of-type(2){font-size:14px; font-weight:700; color:#fff; line-height:26px;}

.sub02_06 .contents .sbox{margin-top:60px;}
.sub02_06 .contents .sbox .ssbox{margin-top:0;}
.sub02_06 .contents .sbox .ssbox>p{position:relative; font-size:20px; font-weight:700; color:#000; text-align:center;}
.sub02_06 .contents .sbox .ssbox>p:nth-of-type(2){}
.sub02_06 .contents .sbox .ssbox>p:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%); width:20px; margin-left:-60px; border-top:1px solid #000;}
.sub02_06 .contents .sbox .ssbox>p:after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%); width:20px; margin-left:60px; border-top:1px solid #000;}
.sub02_06 .contents .sbox .ssbox ul{margin-top:20px; text-align:center;}
.sub02_06 .contents .sbox .ssbox ul li{display:inline-block; vertical-align:top; width:340px; height:440px; margin-bottom:20px; padding:20px; border:1px solid #ddd;}
.sub02_06 .contents .sbox .ssbox ul li:nth-child(2),
.sub02_06 .contents .sbox .ssbox ul li:nth-child(5){margin:0 10px;}
.sub02_06 .contents .sbox .ssbox ul li div{height:240px; overflow:hidden;}
.sub02_06 .contents .sbox .ssbox ul li div img{width:100%;}
.sub02_06 .contents .sbox .ssbox ul li:nth-child(2) div img{margin-top:-30px;}
.sub02_06 .contents .sbox .ssbox ul li p{position:relative; padding:5px 0 5px 25px; font-size:12px; color:#888; text-align:left;}
.sub02_06 .contents .sbox .ssbox ul li p:nth-of-type(1){margin:15px 0; padding:0; font-size:16px;}
.sub02_06 .contents .sbox .ssbox ul li p:nth-of-type(1) strong{color:#333;}
.sub02_06 .contents .sbox .ssbox ul li p span{display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:20px; height:20px; font-size:10px; font-weight:700; color:#fff; text-align:center; line-height:20px; border-radius:50%; background:#5C2B2A;}
.sub02_06 .contents .sbox .ssbox ul li p a{font-size:12px; color:#888; word-break:break-all; border-bottom:1px solid #ddd;}
.sub02_06 .contents .sbox .ssbox2{margin-top:80px;}
.sub02_06 .contents .sbox .ssbox2 ul li{height:300px;}
.sub02_06 .contents .sbox .ssbox2 ul li div{height:auto;}
.sub02_06 .contents .sbox .ssbox2 ul li p{padding:5px 0;}
.sub02_06 .contents .sbox .ssbox2 ul li:last-child p{text-align:center;}

.sub06_down .contents .sbox>p{font-size:30px; font-weight:700; color:#000; text-align:center;}
.sub06_down .contents .sbox .basic{margin-top:30px; border-collapse:collapse;}
.sub06_down .contents .sbox .basic th,
.sub06_down .contents .sbox .basic td{padding:20px 10px; font-size:14px; font-weight:400; color:#000; border:1px solid #000;}
.sub06_down .contents .sbox .basic th{font-size:16px; line-height:26px;}
.sub06_down .contents .sbox .basic td p{margin-bottom:20px; font-size:14px; color:#000; line-height:24px;}
.sub06_down .contents .sbox .basic td p:last-child{margin-bottom:0;}
.sub06_down .contents .sbox .basic td p span{position:relative; margin-right:10px; padding-left:100px; font-size:14px; color:#000;}
.sub06_down .contents .sbox .basic td p span:before{content:""; position:absolute; bottom:0; left:0; width:100px; border-bottom:1px solid #000;}
.sub06_down .contents .sbox .ssbox{margin-top:10px; padding:20px; border:1px solid #000;}
.sub06_down .contents .sbox .ssbox p{font-size:16px; font-weight:700; color:#06f;}
.sub06_down .contents .sbox .ssbox ul{margin-top:20px;}
.sub06_down .contents .sbox .ssbox ul li{margin:0 0 5px 10px; font-size:14px; color:#000; line-height:24px; list-style:decimal;}
.sub06_down .contents .mapdown{padding:30px 0; text-align:right;}
.sub06_down .contents .mapdown a{display:inline-block; margin-right:5px; width:150px; padding:10px 0; font-size:14px; font-weight:700; color:#666; text-align:center; border:1px solid #666; background:#fff;}
.sub06_02 .contents .sbox .basic td p strong{font-weight:400; color:#f00;}
.sub06_02 .contents .sbox .basic td{text-align:center;}
.sub06_02 .contents .sbox .basic tr:last-child td{text-align:left;}
.sub06_02 .contents .sbox .basic td ul li{margin:0 0 5px 15px; font-size:14px; color:#000; line-height:24px; list-style:decimal;}