@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
img {border:0px;}

body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-image:url(../images/bg.gif); background-repeat:repeat; background-position:left top;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, sans-serif; font-size:9pt; line-height:145%;}

.copy{width: 1100px; clear: both; margin: 0 auto; padding:10px 0px 10px 0px; border-bottom:1px solid #474747; border-top:1px solid #474747; color:#808080;}

#main_content{width: 1100px; margin: 0 auto; padding-top: 47px;}
.main, .mainbanner{height: 440px; float: left;}
.main{width: 660px; position: relative; z-index: 10;}
.mainbanner{width: 440px;}

.lst{padding:0; margin:0; list-style:none; text-decoration:none;}
.lst li{font-size:13px; margin-bottom:3px; color:#df970e;}
.lst li a{text-decoration:none; display:inline-block; width:170px; color:#c5c5c5;}
.lst li a:hover{color:#fff;}

.mainimg{position:absolute; width:660px; z-index:1;}
.maintext{color:#ffffff; background:#000; line-height:20px; padding-left:10px; width:230px; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; position:absolute; z-index:2; bottom:20px;}

.bnimg img{-webkit-filter : grayscale(100%); -moz-filter : grayscale(100%); -ms-filter : grayscale(100%); -o-filter : grayscale(100%); filter:gray();}
.bntxt{width:50%; height:220px; font-weight:bold; color:#ffffff; font-size:9pt; text-align:center;}
.bnimg{width:50%; height:220px;}
.bntxt div{font-size:12pt; line-height:160%; margin-top: 80px;}
.bnimg, .bntxt{float:left;}

.m-title{clear: both; font-size:11pt; font-weight:bold; color:#ffffff; padding:30px 0px 10px 0px;}

.mbttombn{width: 25%; float: left; font-weight:bold; color:#e8b416; font-size:10pt; letter-spacing:-1;}
.mbttombn-2{color:#616161; font-size:9pt; padding:5px 0px 50px 0px;}
.mainnum{color:#999999; font-size:26pt; font-weight:bold; letter-spacing:2px; font-family:arial; line-height:150%;}
.mainnum b{color:#df970e;}

#sub_content{width: 1100px; margin: 0 auto; padding-top:60px;}
#submenu{width: 180px; margin-right: 40px;}
#sub_page{width: 820px; background: #fff; padding:10px 30px; margin-bottom: 50px;}
#submenu, #sub_page{float: left;}

.title{color:#252525; font-size:13pt; font-weight:bold; border-bottom:1px solid #e9e9e9; line-height:55px;}
.title span{color:#666666; font-size:9pt; font-weight:100; padding-left:7px;}

.sub_menu a{background:url(../images/lbg-off.jpg) left top no-repeat; width:180px; height:30px; text-decoration:none; color:#ffffff; font-size:9pt; padding-left:10px; padding-bottom:3px; line-height:30px; float:left;}
.sub_menu a:hover{background:url(../images/lbg.jpg) left top no-repeat; font-weight:bold;}

.subbn{font-size:8pt; color:#999; border-bottom:2px solid #df970e; line-height:40px; width:180px;}
.subbn span{color:#df970e; font-family:arial; font-weight:bold; letter-spacing:0; _letter-spacing:-1; font-size:14pt; line-height:40px;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101{padding:10px 0px 10px 320px; text-align:justify; background:url(../images/sub0101.jpg) left center no-repeat;}
.sub0101 span{display:block;}
.sub0101 h3{font-size:30px; font-family:'Nanum Square'; color:#333; font-weight:normal;}
.sub0101 h4{font-weight:normal; font-size:18px; color:#333; margin:10px 0px 40px 0px;}
.sub0101 h5{margin-top:30px; font-size:19px; font-weight:normal;}

/* sub0102 */
.sub0102 h3{font-size:19px; margin-bottom:10px; background:url(../images/sub_dot01.jpg) left top 1px no-repeat; padding-left:28px;}
.sub0102 table{border-collapse:collapse; margin-bottom:100px; border-top:2px solid #df970e;}
.sub0102 th, .sub0102 td{font-size:15px; font-weight:normal; color:#555; line-height:150%; word-spacing:-1px; padding:10px 30px; border-bottom:1px solid #dfdfdf;}
.sub0102 th{border-right:1px solid #dfdfdf; width:120px; background:#f8f8f8; color:#333;}
.sub0102 center{padding:30px; border:1px solid #dfdfdf;}

/* sub0103 */
.sub0103 li{background:#f8f8f8; margin-top:5px;}
.sub0103 li span{display:inline-block; width:120px; background:#df970e; color:#fff; padding:10px 0px; margin-right:30px; text-align:center;}


 @media all and (max-width: 768px) {
   #main_content{width: 100%;  padding-top: 60px;}
   .main, .mainbanner{width: 100%; float: none;}
   .main{ height: 400px; z-index: 10;}
   .mainimg{width: 100%; height: 400px;}
   .mainimg img{width: 100%; height: 400px;}
   .bnimg, .bntxt{height: 250px;}
   .bntxt div{margin-top:100px;}

   .mbttombn{width: 45%; padding-left: 5%;}
   .m-title{text-align: center; border-bottom: 1px solid #474747; padding:20px 0px 20px 0px; margin-bottom: 20px;}

   #sub_content{width: 100%;}
   #sub_page{width:96%; padding:0px 2% 0px 2%;}
   .title{text-align: center; font-size: 18pt}

   .t_none{display: none;}
   .copy{width: 100%; text-align: center;}

   /* 공통 */
   .normal{font-size:14px; line-height:150%; color:#555; word-spacing:-1px;}

   /* sub0101 */
   .sub0101{padding:0px; background:none;}
   .sub0101 br{display:none;}
   .sub0101 span{display:block;}
   .sub0101 h3{font-size:23px; text-align:center;}
   .sub0101 h4{font-size:18px; text-align:center;}
   .sub0101 h5{font-size:17px; text-align:center;}

   /* sub0102 */
   .sub0102 th, .sub0102 td{font-size:14px; padding:10px 15px;}
   .sub0102 th{width:80px;}
   .sub0102 center{padding:10px;}

   /* sub0103 */
   .sub0103 iframe{height:200px;}
   .sub0103 li{text-align:center; padding-bottom:10px;}
   .sub0103 li span{display:block; width:100%; margin-right:0px; margin-bottom:10px;}
 }

 @media (max-width:580px){
   .m_none{display: none;}
   .bntxt{width: 100%; height: 150px;}
   .bntxt div{margin-top:55px;}
   .main{height: 250px; z-index: 1;}
   .mainimg{height: 250px;}
   .mainimg img{height: 250px;}
   .mainbanner{height: 300px;}
   .mbttombn{width: 100%; padding: 0px; text-align: center;}
   .mainnum{font-size:40pt;}
   .mbttombn-2{padding-bottom: 20px;}
 }