@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
#warp{width:100%; min-width: 320px; magin:0 auto; text-align:center;}
#header{width:100%; height:20%; position:relative;}
.logo img{width:85%; height:auto; magin-top:15px; padding-top:5px; padding-left:5px; }
.hline{padding:8px; border-bottom:1px solid #CFCFCF;}



/*내용*/
h1{font-size:24px; padding:15px 0 10px 23px;}
#container .tab{text-align: center; margin-top:10px; margin-bottom: 8px;}
.tab ul li{display:inline-block; margin:7px 4px; font-size:15px; font-weight:bold;}
.tab .on a{border-bottom: 2px solid #0054A6; color: #0054A6; font-size:17px;}
.char{position:relative;}
.pnTC{color:#363636; font-size:25px; font-weight:bold; padding:15px 10px 10px 15px;}
.pnTC img{margin-top:-5px;}
.dam{padding-left:20px; margin:10px 15px; font-size:16px;}
.dam img{width:10px; margin-top:6px;}
.dam span{color:#F00; font-weight:bold;}
.pnT2{color:#fff; font-size:28px; font-weight:bold; padding:25px 15px 15px 30px; margin-top:30px;}
.pnT2:after{content: ""; display: block; clear: both;}
.sb{width: 96%; margin:0 auto; background:#006FDC; padding-bottom:1px; margin-bottom:1px;}
.Sbox{margin:10px 0 40px 0;}
.Sbox input{width:70%; height:50px; border:0; font-size:15px; color:#666; padding:0 10px; margin:0 0 0 25px; }
.Sbox label{display:none;}
.sBtn{float: left; width:35%; padding:20px 10px 20px 40px; position: relative; margin:0 auto;}
.sBtn img{width:100%; height:auto;}



/*사이드메뉴*/
.mBtn{position: absolute; top: 0; right: 0;
    display: block; width: 20px; height: 18px;
    padding-left: 2px; padding-right: 7px;
    padding-top: 13px; padding-bottom: 2px;
    text-indent: -9999px;}
.mBtn span{display: block; width: 22px; height: 3px;
    margin-bottom: 4px; background: #146CAE;}
	
.blackBg{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; display:none;}
.side{position:fixed; top:0; right:-270px; width:270px; height:100%; background:#fff;}
.sideTop{position:relative; width:100% height:42px; padding-top:8px; background:#fff; border-bottom:1px solid #bbb; z-index:100;}
.closeBtn{position: absolute; top: 0; right: 0;
    display: block; width: 20px; height: 18px;
    padding-left: 2px; padding-right: 7px;
    padding-top: 7px; padding-bottom: 2px;
    text-indent: -9999px;}
.closeBtn span{display: block; width: 22px; height: 3px;
    margin-bottom: 4px; background: #146CAE;}
.m-txt{display:block; width:150px; padding:7px;  color:#0563A9; font-size:20px; font-weight:500;/*미디움폰트*/ margin:0 0 10px 10px;}
.menu{position:absolute; top:0; left:0; width:100%; height:100%; padding-top:51px; box-sizing:border-box; overflow-y:scroll;}
.menu>ul{border-top:1px solid #bbb;}
.menu>ul>li>a{display:block; padding:10px 15px; border-bottom:1px solid #bbb; font-size:18px; font-weight:500; background:url(../img/ico_mplus.png) no-repeat 220px center/15px auto;}
.menu li .m{background:#D0F2FF;}
.menu>ul>li.on>a{color:#fff; background-image:url(../img/ico_mminus.png);}
.menu li .sub{border-bottom:1px solid #bbb; padding:10px 0; display:none; background:#0178B5; }
.menu li .sub li a{display:block; padding:8px 45px; font-size:16px; color:#fff; background:url(../img/bg_lnb.png) no-repeat 20px 3px;}
.menu li.active .m{background:#9BC046;}

/*푸터*/
.footer{magin:0; padding:0;}
.footerIn:after{content:""; display:block; clear:both;}	
.footerIn p{float:left;}
.footerIn .f1{width:33%;}
.footerIn .f1 img{width:100%;}
.footerIn .f2{width:34%;}
.footerIn .f2 img{width:100%;}
.footerIn .f3{width:33%;}
.footerIn .f3 img{width:100%;}