@charset "euc-kr";
/* CSS Document */
*{margin:0; padding:0; font-family:'³ª´® °íµñ', 'NanumGothic', 'Nanum Gothic', sans-serif; box-sizing:border-box;}
a{text-decoration:none;}
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{max-width:800px; margin:0 auto !important; min-width:300px;}


/* top */
.top{position:fixed; top:0; left:0; z-index:9999; width:100%; height:60px; background:#fff;}
.top .menubtn{position:relative; float:right; width:63px; margin-top:5px;}
.top .menubtn ul{position:absolute; top:0; left:0; width:63px; height:50px; padding:4px 16px;}
.top .menubtn ul li{height:1px; margin:10px 0; background:#5c2b2a; transition:all 0.5s; transform-origin: left center;}
.top .menubtn ul li:nth-child(2){width:50%;}
.top .menubtn.on ul .bar_t{transform:rotate(45deg);}
.top .menubtn.on ul .bar_m{width:0;}
.top .menubtn.on ul .bar_b{transform:rotate(-45deg);}
.top .logo{padding:10px 0 0 0px;}
.top .logo img{width:170px;}


/* sidemenu */
.menubox{position:fixed; top:0; left:-100%; z-index:9999; width:100%; height:100%; transition:all 0.3s; background:#fff; overflow:auto;}
.menubox.on{left:0;}
.sidemenu_head{position:relative; padding:50px 16px 40px;}
.sidemenu_head ul{position:absolute; top:5px; right:0; width:63px; height:50px; padding:4px 16px;}
.sidemenu_head ul li{height:1px; margin:10px 0; background:#000; transition:all 0.5s; transform-origin: left center;}
.sidemenu_head ul .bar_t{transform:rotate(45deg);}
.sidemenu_head ul .bar_m{width:0;}
.sidemenu_head ul .bar_b{transform:rotate(-45deg);}
.sidemenu_head p:nth-of-type(1){font-size:30px; color:#000;}
.sidemenu_head p:nth-of-type(2){margin-top:10px; font-size:16px; color:#000;}
.sidemenu_body{padding:0 10px;}
.sidemenu_body .sidemenu{margin-bottom:5px;}
.sidemenu_body .sidemenu p{position:relative; padding:15px 20px; font-size:16px; font-weight:700; color:#000; border-bottom:1px solid #888; transition:all 0.5s; opacity:0.7;}
.sidemenu_body .sidemenu p:hover{opacity:1;}
.sidemenu_body .sidemenu p .arrow{position:absolute; top:19px; right:15px; width:15px; height:15px; background:url('../img/plus.png') no-repeat center; transition:all 0.3s;}
.sidemenu_body .sidemenu p.open .arrow{transform:rotate(135deg);}
.sidemenu_body .sidemenu ul{display:none; padding-bottom:20px;}
.sidemenu_body .sidemenu ul li a{display:block; padding:15px 35px; font-size:14px; font-weight:400; color:#888; border-bottom:1px solid #888;}
.sidemenu_foot{padding:30px 0; text-align:center;}
.sidemenu_foot p:nth-of-type(1) a{font-size:20px; font-weight:700; color:#000;}
.sidemenu_foot p:nth-of-type(2){margin:20px 0;}
.sidemenu_foot p:nth-of-type(2) a{display:block; font-size:20px; font-weight:700; color:#0068b7; line-height:16px;}
.sidemenu_foot p:nth-of-type(2) img{height:16px; vertical-align:top;}
.sidemenu_foot p:nth-of-type(3) span{font-size:14px; color:#888;}
.sidemenu_foot div{margin-top:30px;}
.sidemenu_foot div a{margin:0 5px;}
.sidemenu_foot div img{width:40px;}


/* section all */
.section{padding:0 10px;}
.section .title{position:relative; padding-top:10px;}
.section .title:before{content:""; position:absolute; top:0; left:0; width:100px; border-top:2px solid #333;}
.section .title p{font-size:18px; font-weight:700; color:#333;}
.section .title p span{font-size:14px; color:#ff5a19;}
.section .sbox .board{margin-top:20px;}

.prdbox .prdlist{position:relative; margin:20px 0;}
.prdbox .prdlist ul li{float:left; width:16.6%; padding:10px 0; font-size:12px; color:#333; text-align:center; border:1px solid #ddd;}
.prdbox .prdlist ul li.on{color:#06f; border-color:#06f;}
.prdbox .sbox{display:none;}
.prdbox .sbox>p{text-align:center;}
.prdbox .sbox>p span{display:inline-block; width:160px; padding:10px 0; font-size:14px; color:#333; border:1px solid #ff5a19;}
.prdbox .sbox1{display:block;}

/* section style */
.section .title p a{display:block; float:right; padding:5px; font-size:12px; color:#888; border:1px solid #ddd;}

.section1{margin-top:60px; padding:30px 10px 0;}
.section1 .sbox{height:163px; padding:40px 0 0 20px; background:url('../img/section01.jpg') no-repeat right center;}
.section1 .sbox p:nth-of-type(1){font-size:10px; color:#888;}
.section1 .sbox p:nth-of-type(2){margin:5px 0 15px; font-size:15px; color:#333;}
.section1 .sbox p:nth-of-type(3) a{font-size:20px; font-weight:700; color:#b60118;}
.section1 .sbox p:nth-of-type(3) img{width:20px; vertical-align:middle;}

.section3 .title p span{color:#00a2ff;}

.section5{padding:30px 10px;}
.section5 .sbox .board{padding-bottom:10px; border-bottom:1px solid #333;}
.section5 .sbox .board td{font-size:12px; color:#888;}
.section5 .sbox .board td a{font-size:12px; color:#333;}

/* footer */
.footer .fbox1{padding:20px; background:#333;}
.footer .fbox1 p{line-height:20px;}
.footer .fbox1 p span{margin-right:10px; font-size:12px; color:#656565;}
.footer .fbox2{padding:20px 20px 30px;}
.footer .fbox2 div img{width:200px;}
.footer .fbox2 p{margin-top:10px; line-height:20px;}
.footer .fbox2 p span{margin-right:10px; font-size:12px; color:#656565;}


/* subtop */
.subtop{margin-top:60px; padding:10px 0; font-size:20px; font-weight:700; color:#000; text-align:center;}


/* smenu */
.smenu{text-align:center;}
.smenu ul li{display:inline-block; width:18%;}
.smenu ul li a{display:block; padding:10px 0; font-size:12px; font-weight:700; color:#333; border:1px solid #ddd;}
.smenu ul li a:hover{color:#fff; background:#00a2ff;}

/* 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{color:#fff; background:#00a2ff;}

/* sub all */
.sub .contents{padding:30px 10px 50px;}
.sub .contents .title{font-size:18px; font-weight:700; color:#333;}
.sub .contents .title span{font-size:12px; color:#ff5a19;}
.sub .contents .board{margin-top:10px;}
.sub02 .contents .title span,
.sub04 .contents .title span{color:#00a2ff;}


/* sub style */
.sub05_01 .contents .basic{margin-top:10px; border-collapse:collapse;}
.sub05_01 .contents .basic th,
.sub05_01 .contents .basic td{padding:10px 5px; font-size:14px; color:#333; border:1px solid #ddd;}
.sub05_01 .contents .basic th{width:20%; background:#f5f5f5;}

.sub06_01 .contents{padding:10px 10px 20px; background:  #E3E3E3;}
.sub06_01 .contents .sbox{background:#fff; box-shadow:5px 5px 20px #999;}
.sub06_01 .contents .sbox .box1{padding:50px 10px 30px; background:#eee;}
.sub06_01 .contents .sbox .box1 p:nth-of-type(1){font-size:15px; font-weight:700; color:#000; text-align:right;}
.sub06_01 .contents .sbox .box1 p:nth-of-type(2){margin-top:50px; font-size:14px; color:#000; text-align:center; line-height:24px;}
.sub06_01 .contents .sbox .box1 p:nth-of-type(2) span{padding-bottom:1px; font-size:14px; font-weight:700; color:#000; border-bottom:1px solid #000;}
.sub06_01 .contents .sbox .box2{padding:30px 10px;}
.sub06_01 .contents .sbox .box2 p{margin-bottom:30px; font-size:14px; color:#333; text-align:center; line-height:24px;}
.sub06_01 .contents .sbox .box2 p:nth-of-type(1),
.sub06_01 .contents .sbox .box2 p:nth-of-type(3){margin-bottom:10px;}
.sub06_01 .contents .sbox .box2 p:nth-of-type(1) strong,
.sub06_01 .contents .sbox .box2 p:nth-of-type(3) strong{padding-top:2px; font-size:14px; font-weight:700; color:#000; border-top:2px solid #000;}
.sub06_01 .contents .sbox .box2 p:nth-of-type(5) span{color:#f00;}
.sub06_01 .contents .sbox .box2 div{text-align:right;}
.sub06_01 .contents .sbox .box2 div img{width:100px;}