@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: 'Nanum Gothic', sans-serif; font-family: 'Noto Sans KR', sans-serif; */
*{margin:0; padding:0; font-family:'Nanum Gothic', sans-serif; box-sizing:border-box;}
a{text-decoration:none; color:#000;}
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{height:100%;}
body{max-width:800px; margin:0 auto !important;}


/* top */
.top{position:fixed; top:0; left:0; z-index:9998; width:100%; height:50px;}
.menubtn{position:relative;}
.menubtn ul{position:absolute; top:0; left:0; width:58px; height:50px; padding:10px 16px;}
.menubtn ul li{height:3px; margin:6px 0; background:#fff; transition:all 0.5s; transform-origin: left center;}
.top .logo{margin-top:10px; padding:0 10px; text-align:right;}
.top .logo img{width:110px;}


/* sidemenu */
.menubox{position:fixed; top:0; left:-100%; z-index:9999; width:100%; height:100%; transition:all 0.3s; background:#cca232; overflow:auto;}
.menubox.on{left:0;}
.menubox .menubtn{float:right; margin-right:50px;}
.menubox .menubtn ul{transition:all 0.5s; opacity:0.5;}
.menubox .menubtn ul:hover{opacity:1;}
.menubox .menubtn ul .bar_t{transform:rotate(45deg);}
.menubox .menubtn ul .bar_m{width:0;}
.menubox .menubtn ul .bar_b{transform:rotate(-45deg);}
.sidemenu_head{padding:100px 20px 20px 20px;}
.sidemenu_head .logo img{width:130px;}
.sidemenu_body .sidemenu p{position:relative; padding:20px; font-size:16px; font-weight:400; color:#fff; transition:all 0.5s; opacity:0.5;}
.sidemenu_body .sidemenu p:hover{opacity:1;}
.sidemenu_body .sidemenu p .arrow{position:absolute; top:24px; 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:10px 35px; font-size:13px; font-weight:400; color:#fff; transition:all 0.5s; opacity:0.5;}
.sidemenu_body .sidemenu ul li a:hover{opacity:1;}
.sidemenu_foot{padding-top:50px; text-align:center;}
.sidemenu_foot p:nth-of-type(1) a{font-size:20px; font-weight:700; color:#fff;}
.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:#fff; 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:#fff;}


/* maintext */
.maintext{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:500px; z-index:9997;}
.maintext .mbox{position:relative; padding-top:20px;}
.maintext .mbox:before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:144px; height:1px; background:#9b9b9b;}
.maintext .mbox p{font-size:30px; font-weight:800; color:#fff; text-align:center; line-height:30px;}
.maintext .mbox p span{font-size:30px; font-weight:800; color:#9e9e9e;}

.home{position:absolute; left:0; bottom:0; z-index:9997; width:100%; padding:10px 0; font-size:12px; font-weight:400; color:#fff; text-align:center; border-top:1px solid #444;}


/* footer */
.footer{padding:30px 10px; background:#c6b49e;}
.footer p:nth-of-type(1){margin:20px 0; line-height:20px;}
.footer p:nth-of-type(1) span{margin-right:10px; font-size:12px; font-weight:400; color:#fff;}
.footer p:nth-of-type(2){font-size:12px; font-weight:700; color:#fff;}


/* topbutton */
#topbutton{display:none; position:fixed; right:30px; bottom:50px; z-index:9998; width:50px; height:50px; font-size:15px; font-weight:400; color:#fff; text-align:center; line-height:50px; border-radius:50%; background:#000; opacity:0.7; cursor:pointer;}
#topbutton:hover{opacity:1;}

/* submenu */
.submenu{position:relative; width:180px; height:40px;}
.submenu span{ position:absolute; top:5px; right:0; padding:0 5px; font-size:22px; font-weight:400; color:#fff; border:1px solid #444;}
.submenu p{padding-left:10px; font-size:24px; font-weight:700; color:#fff; line-height:38px;}
.submenu ul{display:none; position:absolute; top:39px; left:0; width:100%; border:1px solid #444; background:#000;}
.submenu ul li a{display:block; padding-left:10px; font-size:14px; font-weight:400; color:#fff; line-height:38px;}

/* sub all */
.sub{padding:70px 0 50px; background:#c6b49e;}


/* sub style */
.sub01 .contents .sbox{padding-top:20px; border-top:1px solid #e20000;}
.sub01 .contents .sbox .board th a{font-size:14px; font-weight:400; color:#fff;}

.sub02_01 .contents .sbox{padding:20px 10px 0; border-top:1px solid #e20000;}
.sub02_01 .contents .sbox1 p{font-size:16px; font-weight:400; color:#fff; line-height:30px;}
.sub02_01 .contents .sbox p:nth-of-type(1){margin-bottom:20px; font-size:24px; font-weight:800; color:#fff; letter-spacing:-1px;}
.sub02_01 .contents .sbox1 p:nth-of-type(2){margin-bottom:60px;}
.sub02_01 .contents .sbox1 p:nth-of-type(2) span{font-size:16px; font-weight:400; color:#fff;}
.sub02_01 .contents .sbox1 p:nth-of-type(3){margin:60px 0 30px;}
.sub02_01 .contents .sbox2{margin-top:60px;}
.sub02_01 .contents .sbox2 .ssbox{padding-bottom:20px;}
.sub02_01 .contents .sbox2 .ssbox:last-child{padding-bottom:0;}
.sub02_01 .contents .sbox2 .ssbox>div{float:left;}
.sub02_01 .contents .sbox2 .ssbox .box1{position:relative; width:105px; padding-left:40px; font-size:20px; font-weight:400; color:#fff; line-height:30px;}
.sub02_01 .contents .sbox2 .ssbox .box1:before{content:""; position:absolute; top:50%; left:0; width:30px; border-top:2px dotted #fff;}
.sub02_01 .contents .sbox2 .ssbox .box2{width:65%; font-size:16px; font-weight:400; color:#fff; line-height:30px;}

.sub03_01 .contents .sbox{padding-top:20px; border-top:1px solid #e20000;}
.sub03_01 .contents .sbox>p{margin-bottom:20px; padding-left:10px; font-size:24px; font-weight:800; color:#fff; letter-spacing:-1px;}
.sub03_01 .contents .sbox .ssbox{padding:0 10px;}
.sub03_01 .contents .sbox .ssbox1{position:relative; padding:0 30px;}
.sub03_01 .contents .sbox .ssbox1:before{content:""; position:absolute; top:8px; left:15px; width:1px; height:100%; background:#e20000;}
.sub03_01 .contents .sbox .ssbox1 p{position:relative; margin-bottom:10px; font-size:14px; font-weight:400; color:#fff; line-height:30px;}
.sub03_01 .contents .sbox .ssbox1 p:before{content:""; position:absolute; top:8px; left:-20px; width:11px; height:11px; border-radius:50%; background:#e20000;}
.sub03_01 .contents .sbox .ssbox1 p strong{font-size:18px;}
.sub03_01 .contents .sbox .ssbox2{margin-top:60px; padding:20px 10px; background:url('../img/part.jpg') no-repeat center;}
.sub03_01 .contents .sbox .ssbox2>p:nth-of-type(1){font-size:14px; font-weight:400; color:#fff;}
.sub03_01 .contents .sbox .ssbox2>p:nth-of-type(1) strong{margin-right:20px; font-size:20px;}
.sub03_01 .contents .sbox .ssbox2>p:nth-of-type(2){margin-top:20px; font-size:14px; font-weight:400; color:#fff; line-height:20px;}
.sub03_01 .contents .sbox .ssbox2 .box{position:relative; margin-top:20px; padding-top:30px;}
.sub03_01 .contents .sbox .ssbox2 .box:before{content:""; position:absolute; top:0; left:0; width:80px; height:1px; background:#fff;}
.sub03_01 .contents .sbox .ssbox2 .box p{margin-bottom:20px; font-size:14px; font-weight:400; color:#fff; line-height:30px;}
.sub03_01 .contents .sbox .ssbox2 .box p strong{font-size:20px;}
.sub03_01 .contents .sbox .ssbox2 .box p:nth-of-type(3){margin-bottom:0;}

.sub04_01 .contents .sbox{padding:20px 10px 0; border-top:1px solid #e20000;}
.sub04_01 .contents .sbox>p{margin-bottom:60px; font-size:24px; font-weight:800; color:#fff; letter-spacing:-1px;}
.sub04_01 .contents .sbox1 .ssbox{padding-bottom:15px;}
.sub04_01 .contents .sbox1 .ssbox:last-child{padding-bottom:0;}
.sub04_01 .contents .sbox1 .ssbox div{float:left; width:49%; height:40px; margin-right:2%; font-size:16px; font-weight:400; color:#fff; text-align:center; line-height:40px; border:1px solid #666;}
.sub04_01 .contents .sbox1 .ssbox div:last-child{margin-right:0;}
.sub04_01 .contents .sbox2{margin-top:60px;}
.sub04_01 .contents .sbox2 .ssbox div:first-child p{font-size:15px; font-weight:400; color:#fff; line-height:30px;}
.sub04_01 .contents .sbox2 .ssbox div:first-child p span{font-size:15px; font-weight:400; color:#666;}
.sub04_01 .contents .sbox2 .ssbox div:first-child p:nth-of-type(1){margin-bottom:50px; font-size:15px; font-weight:700; color:#fff;}
.sub04_01 .contents .sbox2 .ssbox div:last-child{margin-top:50px;}
.sub04_01 .contents .sbox2 .ssbox div:last-child img{width:100%;}