@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:'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{
	padding-bottom:200px;
    background: #72684c; /* Old browsers */
    background: -moz-linear-gradient(top, #978d6a 0%,#72684c 24%,#72684c 50%,#72684c 79%,#72684c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #978d6a 0%,#72684c 24%,#72684c 50%,#72684c 79%,#72684c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #978d6a 0%,#72684c 24%,#72684c 50%,#72684c 79%,#72684c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}
.top,
.main,
.section,
.section_line,
.footer,
.sub{width:950px; margin:0 auto;}


/* top */
.top{position:relative; height:129px; padding-top:35px; padding-right:18px; background:url('../img/top_bg.jpg') no-repeat;}
.top .logo{position:absolute; top:0; left:0; z-index:1; width:250px; height:144px;}
.top .sbox1 ul{float:right;}
.top .sbox1 ul li{float:left; margin-left:10px; padding-left:10px; line-height:10px; }
.top .sbox1 ul li:last-child{border-left:1px solid #fff;}
.top .sbox1 ul li a{font-size:12px; font-weight:400; color:#fff;}
.top .sbox2{margin-top:5px;}
.top .sbox2 ul{position:relative; float:right; width:675px; height:44px; padding-top:13px; text-align:center; border:1px solid #988d6a; border-radius:3px; background:#72684c; box-shadow:3px 3px 3px #565137;}
.top .sbox2 ul li{display:inline-block; padding:0 30px; line-height:16px; border-right:1px solid #988d6a;}
.top .sbox2 ul li:last-child{border-right:none;}
.top .sbox2 ul li>a{font-size:14px; font-weight:700; color:#eadcb6; transition:all 0.5s;}
.top .sbox2 ul li:hover>a{color:#fff;}


/* top submenu */
.top .submenu{display:none; position:absolute; top:43px; left:0; z-index:9999; width:675px; height:35px; padding:12px 5px 0; border:1px solid #988d6a; background:#565137;}
.top .submenu p{float:left; margin-right:5px; line-height:10px; border-right:1px solid #988d6a;}
.top .submenu p:last-child{border-right:none;}
.top .submenu p a{padding-right:5px; font-size:12px; font-weight:400; color:#fff; transition:all 0.5s;}
.top .submenu p a:hover{color:#988d6a;}
.top .sbox2 ul li:nth-child(2) .submenu{padding-left:100px;}
.top .sbox2 ul li:nth-child(3) .submenu{padding-left:10px;}
.top .sbox2 ul li:nth-child(4) .submenu{left:-255px; width:930px; padding-left:30px;}
.top .sbox2 ul li:nth-child(5) .submenu{padding-left:350px;}
.top .sbox2 ul li:last-child .submenu{padding-left:390px;}


/* main */
.main>div{float:left;}
.main .mbox{width:250px; height:276px; padding:15px 15px 0 15px;}
.main .mbox>p{font-size:11px; font-weight:400; color:#fff; font-style:italic; text-align:center; letter-spacing:-1px;}
.main .mbox .box{margin-top:8px; padding:5px; border-radius:10px; background:#c3bdaf;}
.main .mbox .box>p{padding:3px 5px 7px 20px; font-size:12px; font-weight:700; color:#504939;}
.main .mbox .box>p strong{float:left; margin: 3px; font-size:10px; font-weight:700; color:#504939;}
.main .mbox .box>p span{margin-left:5px; padding-left:5px; font-size:12px; font-weight:400; color:#504939;}
.main .mbox .box>p a{float:right; padding:1px 2px; font-size:11px; font-weight:400; color:#fff; border-radius:3px; background:#868159;}
.main .mbox .box ul{padding:3px 3px 5px; border-radius:10px; background:#fff;}
.main .mbox .box ul li a{display:block; padding:7px 5px 6px 20px; border-bottom:1px solid #dfdcd3; border-top-left-radius:10px; border-top-right-radius:10px; background:#f8f5f0;}
.main .mbox .box ul li a span:first-child{float:left; width:50px; font-size:12px; font-weight:700; color:#4f4d3e;}
.main .mbox .box ul li a span:nth-child(2){font-size:12px; font-weight:700; color:#333; letter-spacing:-1px;}
.main .mbox .box ul li a span:nth-child(3){float:right; margin-top:2px; padding:0 2px 1px; font-size:10px; font-weight:400; color:#333; border-radius:3px; background:#ddd;}
.main .mbox .box ul li a span:last-child{float:right; margin:2px 3px 0 0; font-size:10px; font-weight:400; color:#333;}

.main .slide{width:680px; height:239px; margin-top:37px; margin-left:10px;}
.main .slide img{border:3px solid #565137; border-radius:10px;}

/* section all */
.section{margin-top:20px;}
.section .sbox{float:left;}
.section .sbox1{width:250px; padding:87px 15px 15px 15px;}
.section .sbox1 img{width:100%;}
.section .sbox2{width:700px; padding-left:20px;}
.section .sbox2 .title{font-size:20px; font-weight:700; color:#fff3d3; letter-spacing:-1px;}
.section .sbox2 .subtitle{margin:5px 0 20px;}
.section .sbox2 .subtitle span{padding:1px 10px; font-size:12px; font-weight:400; color:#fff; letter-spacing:-1px; border:3px solid #fff; border-radius:20px; background:#a39568;}
.section .sbox2 .box{float:left; width:49%;}
.section .sbox2 .box1{margin-right:2%;}
.section .sbox2 .box .board{height:150px; padding:20px; border:5px solid #9b9482; border-radius:20px;}
.section .sbox2 .box .board>p{width:250px; margin:-37px auto 10px; padding:5px; background:#72684c;}
.section .sbox2 .box .board>p>strong{float:left; margin-top:5px; margin-right:10px; padding-right:10px; font-size:14px; font-weight:700; color:#fff3d3; line-height:9px; border-right:1px solid #fff3d3;}
.section .sbox2 .box .board>p>span{font-size:12px; font-weight:400; color:#fff3d3;}
.section .sbox2 .box .board>p>a{float:right; margin-top:2px; padding:0 2px 1px; font-size:10px; font-weight:400; color:#72684c; border-radius:3px; background:#fff3d3;}
.section .sbox2 .box .board td,
.section .sbox2 .box .board td a{font-size:14px; font-weight:400; color:#fff3d3;}

.section_line{position:relative; height:4px; margin:20px auto 3px; background:#9b9482;}
.section_line:before{content:""; position:absolute; top:-3px; left:0; width:100%; height:1px; background:#9b9482;}


/* footer */
.footer{padding:10px 0 10px 30px; border:3px solid #3e3724; background:#5f5846;}
.footer .fbox div{float:left;}
.footer .fbox .flogo{width:181px;}
.footer .fbox .flogo img{width:100%;}
.footer .fbox .fsbox{padding-left:20px;}
.footer .fbox .fsbox p:nth-of-type(1) span{margin-right:10px; font-size:12px; font-weight:700; color:#9b9482;}
.footer .fbox .fsbox p:nth-of-type(2){font-size:12px; font-weight:400; color:#9b9482;}


/* sub all */
.sub{padding-bottom:30px;}
.sub .subtop{height:137px; background:url('../img/subtop.jpg') no-repeat center;}
.sub .contents{padding:0 17px;}
.sub .contents>div{float:left;}
.sub .contents .sbox{width:741px; margin-left:10px; padding:15px; border-radius:10px; background:#c8bda1;}
.sub .contents .sbox .title{position:relative; padding-bottom:10px; border-bottom:1px solid #5e5745;}
.sub .contents .sbox .title:before{content:""; position:absolute; bottom:-3px; left:0; width:100%; height:1px; background:#5e5745;}
.sub .contents .sbox .title span{float:left; line-height:10px; letter-spacing:-1px;}
.sub .contents .sbox .title span:first-child{font-size:18px; font-weight:700; color:#5e5745;}
.sub .contents .sbox .title span:last-child{margin-top:2px; margin-left:10px; padding-left:10px; font-size:12px; font-weight:700; color:#5e5745; border-left:1px solid #5e5745;}
.sub .contents .sbox .board{padding:20px 10px 100px;}
.sub .contents .sbox .board td,
.sub .contents .sbox .board td a{font-size:14px; font-weight:400; color:#000;}
.sub .contents .sbox .round{width:300px; height:300px; margin:100px auto 0; font-size:30px; font-weight:400; color:#eee; text-align:center; line-height:300px; border:1px solid #ddd; border-radius:50%;}


/* submenu */
.sub .contents .submenu{width:165px;}
.sub .contents .submenu div{padding:2px 2px 10px 2px; border-radius:5px; background:#867d62;}
.sub .contents .submenu div p{position:relative; height:38px; padding:10px 20px; border-radius:5px; background:#d2c498;}
.sub .contents .submenu div p:before{content:""; position:absolute; top:19px; left:0; width:100%; height:19px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#bfab6c;}
.sub .contents .submenu div p span{position:absolute; z-index:1;}
.sub .contents .submenu div p span:first-child{top:9px; left:20px; margin-right:10px; font-size:16px; font-weight:700; color:#5e5745;}
.sub .contents .submenu div p span:last-child{top:12px; left:90px; font-size:12px; font-weight:700; color:#5e5745;}
.sub .contents .submenu div ul{padding:0 5px;}
.sub .contents .submenu div ul li{margin-top:5px;}
.sub .contents .submenu div ul li a{display:block; padding:2px 0 2px 15px; font-size:13px; font-weight:700; color:#fff7e0; border-radius:3px; background:#5e5745; transition:all 0.5s;}
.sub .contents .submenu div ul li a span{float:left; margin-top:3px; margin-right:5px; font-size:10px; font-weight:700; color:#fff7e0; transition:all 0.5s;}
.sub .contents .submenu div ul li a:hover{color:#5e5745; background:#d2c498;}
.sub .contents .submenu div ul li a:hover span{color:#5e5745;}
.sub22 .contents .submenu div p span:first-child{left:35px;}
.sub22 .contents .submenu div p span:last-child{left:75px;}
.sub33 .contents .submenu div p span:first-child{left:20px;}
.sub33 .contents .submenu div p span:last-child{left:105px;}
.sub44 .contents .submenu div p span:first-child{left:20px;}
.sub44 .contents .submenu div p span:last-child{left:119px;}
.sub55 .contents .submenu div p span:first-child{left:5px;}
.sub55 .contents .submenu div p span:last-child{left:122px;}
.sub66 .contents .submenu div p span:first-child{left:5px;}
.sub66 .contents .submenu div p span:last-child{left:122px;}


/* submenu active */
.sub01 .contents .submenu div ul li:first-child a,
.sub02 .contents .submenu div ul li:nth-child(2) a,
.sub03 .contents .submenu div ul li:nth-child(3) a,
.sub04 .contents .submenu div ul li:nth-child(4) a,
.sub05 .contents .submenu div ul li:nth-child(5) a,
.sub06 .contents .submenu div ul li:nth-child(6) a,
.sub07 .contents .submenu div ul li:nth-child(7) a,
.sub08 .contents .submenu div ul li:nth-child(8) a,
.sub09 .contents .submenu div ul li:nth-child(9) a,
.sub10 .contents .submenu div ul li:nth-child(10) a{color:#5e5745; background:#d2c498;}
.sub01 .contents .submenu div ul li:first-child a span,
.sub02 .contents .submenu div ul li:nth-child(2) a span,
.sub03 .contents .submenu div ul li:nth-child(3) a span,
.sub04 .contents .submenu div ul li:nth-child(4) a span,
.sub05 .contents .submenu div ul li:nth-child(5) a span,
.sub06 .contents .submenu div ul li:nth-child(6) a span,
.sub07 .contents .submenu div ul li:nth-child(7) a span,
.sub08 .contents .submenu div ul li:nth-child(8) a span,
.sub09 .contents .submenu div ul li:nth-child(9) a span,
.sub10 .contents .submenu div ul li:nth-child(10) a span{color:#5e5745;}



/* sub style */
.sub01_02 .contents .sbox .board p{margin-bottom:20px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}

.sub02_01 .contents .sbox .board p{font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub02_01 .contents .sbox .board p span{font-size:13px; font-weight:700; color:#06f;}
.sub02_02 .contents .sbox .board p{font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub02_03 .contents .sbox .board p{font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub02_04 .contents .sbox .board p{font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub02_05 .contents .sbox .board p{font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub02_06 .contents .sbox .board p{font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}

.sub03_01 .contents .sbox .board p{margin-top:20px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub03_02 .contents .sbox .board p{margin-top:20px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub03_03 .contents .sbox .board p{margin-top:20px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub03_03 .contents .sbox .board p span{font-size:13px; font-weight:700; color:#06f;}
.sub03_04 .contents .sbox .board p{margin-top:20px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub03_05 .contents .sbox .board p{margin-top:20px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub03_06 .contents .sbox .board p{margin-top:20px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub03_07 .contents .sbox .board p{margin:20px 0 10px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub03_07 .contents .sbox .board ul li{margin-bottom:10px; font-size:13px; font-weight:400; color:#3e3e3e;}
.sub03_08 .contents .sbox .board p{margin-top:20px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}
.sub03_09 .contents .sbox .board p{margin-top:20px; font-size:13px; font-weight:400; color:#3e3e3e; line-height:24px;}

.sub44 .contents .sbox .board .ssbox{margin-bottom:50px;}
.sub44 .contents .sbox .board .ssbox .box{float:left; width:50%;}
.sub44 .contents .sbox .board .ssbox3 .box{width:100%;}
.sub44 .contents .sbox .board .ssbox .box p{margin-bottom:10px; padding-left:10px; font-size:14px; font-weight:700; color:#5e5745; line-height:14px; border-left:5px solid #5e5745;}
.sub44 .contents .sbox .board .ssbox .box p a{float:right; padding:1px 2px; font-size:12px; font-weight:700; color:#5e5745; border-radius:3px; background:#867d62;}
.sub44 .contents .sbox .board .ssbox .box .basic td{padding:3px 0; font-size:14px; font-weight:400; color:#000;}
.sub44 .contents .sbox .board .ssbox .box .basic td:first-child{width:130px; vertical-align:top;}
.sub44 .contents .sbox .board .ssbox .box>a{display:block; margin-top:10px;}
.sub44 .contents .sbox .board .ssbox3 .box .basic{border-collapse:collapse;}
.sub44 .contents .sbox .board .ssbox3 .box .basic th,
.sub44 .contents .sbox .board .ssbox3 .box .basic td{padding:5px; font-size:14px; font-weight:400; color:#000; text-align:center; border:1px solid #5e5745;}
.sub44 .contents .sbox .board .ssbox3 .box .basic th{width:30%;}
.sub44 .contents .sbox .board .ssbox3 .box .basic td{width:5%; background:#fff7e0;}
.sub44 .contents .sbox .board .ssbox3 .box .basic td div{position:relative; width:14px; height:14px; margin:0 auto; border-radius:50%; border:1px solid #000;}
.sub44 .contents .sbox .board .ssbox3 .box .basic td div.on:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:8px; height:8px; border-radius:50%; background:#000;}