@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;}
.copy td{color:#808080;}

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

.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:15px; text-align:center;}
.bnimg{width:50%; height:220px;}
.bntxt div{font-size:19px; line-height:160%; margin-top: 80px; text-transform:uppercase;}
.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:20pt; font-weight:bold; letter-spacing:-1; font-family:arial; line-height:160%;}
.mainnum b{color:#df970e;}

#sub_content{width: 1100px; margin: 0 auto; padding-top:70px;}
#submenu{width: 180px; margin-right: 40px;}
#sub_page{width: 840px; background: #fff; padding:0px 20px; 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;}

.s_text01{font-family:'Nanum Square'; font-size:28px; color:#000;}
.s_text01 span{color:#df970e;}
.s_text02{font-weight:normal; font-weight:normal; color:#333; font-size:16px; margin-top:10px;}
.s_text03{text-transform:uppercase; color:#333; font-size:19px; letter-spacing:3px; margin:40px 0px; font-weight:normal;}

/* sub0101 */
.sub0101{padding:10px 0px 10px 320px; text-align:justify; background:url(../images/sub0101.jpg) left center no-repeat;}
.sub0101 h4{color:#333; margin-top:30px; font-weight:normal; font-size:19px;}

/* sub0102 */
.sub0102{background:url(../images/sub0102.jpg) right top -50px no-repeat;}
.sub0102 h4{font-size:19px; color:#000; margin-bottom:10px;}
.sub0102 ul{margin-bottom:70px; border-top:3px solid #333;}
.sub0102 li{border-bottom:1px solid #dfdfdf;}
.sub0102 li span{display:inline-block; width:120px; text-align:center; padding:10px 0px; margin-right:20px; background:#555; color:#fff;}
.sub0102 figure{font-size:19px; font-weight:bold; margin-bottom:50px; color:#333; line-height:150%;}
.sub0102 figure span{color:#df970e;}
.sub0102 figure br{}

/* sub0104 */
.sub0104{background:url(../images/sub0102.jpg) right top -50px no-repeat;}
.sub0104 h4{font-size:19px; color:#000; text-transform:uppercase;}
.sub0104 ul{margin-bottom:15px;}
.sub0104 li{margin-top:10px;}
.sub0104 li b{display:inline-block; color:#333; margin-right:15px;}
#daumRoughmapContainer1704677507843{width:100%; height:300px;}

/* sub0201 */
.sub0201 h4{text-align:center; font-size:24px; font-family:'Nanum Square'; color:#000; margin:0px 0px 15px 0px;}
.sub0201 figure{padding:50px 0px;}
.sub0201 .con01{text-align:center; background:url(../images/sub0201.jpg) center top no-repeat #f8f8f8; background-size:contain; padding:370px 30px 30px 30px;}
.sub0201 .con01 center{background:#fff; padding:30px;}
.sub0201 .con02{background:#dfdfdf; padding:50px 30px;}
.sub0201 .con02 center{margin-top:30px;}
.sub0201 .con03{text-align:center;}
.sub0201 .con03 li{float:left; width:204px; margin-right:8px;}
.sub0201 .con03 li:nth-child(4){margin-right:0;}
.sub0201 .con03 h5{font-size:15px; color:#fff; background:#555; padding:10px 0px; margin-top:5px; font-weight:normal;}
.sub0201 .con03 center{font-size:16px; color:#333;}
.sub0201 .con03 center b{display:block; font-size:19px; color:#df970e; margin:20px 0px 50px 0px;}
.sub0201 .con04{background:#f8f8f8; text-align:center;}
.sub0201 .con04 h5{font-size:19px; margin:30px 0px 10px 0px; color:#333;}
.sub0201 .con04 span{text-decoration:underline;}
.sub0201 .con05{background:#dfdfdf;}
.sub0201 .con06{text-align:center; font-size:19px; color:#333;}
.sub0201 .con06 center{margin-bottom:20px;}
.sub0201 .con07 div{margin-top:30px;}
.sub0201 .con07 ul{float:left; width:32%; text-align:center;}
.sub0201 .con07 ul:nth-child(2){margin:0 2%;}
.sub0201 .con07 h5{background:#555; color:#fff; font-weight:normal; font-size:16px; padding:10px 0px; margin-bottom:10px;}
.sub0201 .con07 h6{margin:20px 0px 10px 0px; background:#dfdfdf; color:#333; padding:5px 0px; font-size:15px; font-weight:normal;}

/* sub0202 */
.sub0202 h3{font-size:24px; font-family:'Nanum Square'; color:#000; margin:0px 0px 15px 0px;}
.sub0202 figure{padding:50px 30px;}
.sub0202 .con01{background:url(../images/sub0202.jpg) center top no-repeat #f8f8f8; background-size:contain; padding:340px 30px 30px 30px;}
.sub0202 .con01 center{background:#fff; padding:30px;}
.sub0202 .con02{background:#dfdfdf; margin-bottom:100px;}
.sub0202 .con02 h4{background:#333; color:#fff; padding:5px 15px;}
.sub0202 .con02 div{margin:10px 0px 20px 0px; border:1px solid #aaa; padding:15px; background:#fff;}
.sub0202 .con02 div b{display:block; margin-bottom:10px; color:#333;}
.sub0202 .con02 ul{margin:10px 0px 0px 0px; border:1px solid #aaa; padding:15px 15px 5px 15px; background:#fff;}
.sub0202 .con02 li{background:url(../images/sub_dot01.jpg) center left 10px no-repeat #f8f8f8; padding:5px 15px 5px 30px; margin-bottom:10px;}
.sub0202 .con03{background:url(../images/sub0202_2.jpg) center top no-repeat #f8f8f8; background-size:contain; padding:340px 30px 30px 30px;}
.sub0202 .con03 center{background:#fff; padding:30px;}
.sub0202 .con04{background:#dfdfdf; text-align:center;}
.sub0202 .con04 div div{float:left; width:49%; margin-top:30px;}
.sub0202 .con04 div div:nth-child(1){margin-right:2%;}
.sub0202 .con04 h4{background:#333; color:#fff; padding:5px 0px; text-align:center;}
.sub0202 .con04 img{display:block; margin:10px 0px;}
.sub0202 .con05{text-align:center; background:#f8f8f8;}

.main_list img{width:178px; height:170px;}

 @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%; padding-top: 60px;}
   #sub_page{width: 100%; padding: 20px 0px 0px 0px;}
   .title{text-align: center; font-size: 18pt}

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

   /* 공통 */
   .normal{font-size:14px;}
   .s_text01{font-size:22px; text-align:center;}
   .s_text02{text-align:center; font-size:15px;}
   .s_text02 span{display:block;}
   .s_text03{font-size:17px; margin:40px 0px; text-align:center;}

   /* sub0101 */
   .sub0101{padding:0px; background:none;}
   .sub0101 br{display:none;}
   .sub0101 h4{text-align:center; font-size:17px;}

   /* sub0102 */
   .sub0102{background:none;}
   .sub0102 h4{text-align:center;}
   .sub0102 li{border-bottom:1px solid #dfdfdf; text-align:center; padding-bottom:10px;}
   .sub0102 li span{display:block; width:100%; margin-right:0px; margin-bottom:10px;}
   .sub0102 figure{font-size:17px; text-align:center;}
   .sub0102 figure br{display:block;}

   /* sub0104 */
   .sub0104{background:none;}
   .sub0104 h4{font-size:17px; text-align:center;}
   .sub0104 ul{text-align:center;}
   #daumRoughmapContainer1704677507843{width:100%; height:200px;}

   /* sub0201 */
   .sub0201 h4{font-size:19px; margin:0px 0px 20px 0px;}
   .sub0201 .con01{padding:170px 0px 0px 0px;}
   .sub0201 .con01 center{padding:30px 10px;}
   .sub0201 .con01 center br{display:none;}
   .sub0201 .con02{padding:50px 10px;}

   .sub0201 .con03 li{width:49%; margin-right:2%; margin-bottom:20px;}
   .sub0201 .con03 li:nth-child(even){margin-right:0;}
   .sub0201 .con03 li img{width:100%;}
   .sub0201 .con03 h5{font-size:14px; padding:5px 0px;}
   .sub0201 .con03 center{font-size:15px;}
   .sub0201 .con03 center b{font-size:16px;}

   .sub0201 .con04 h5{font-size:17px;}
   .sub0201 .con06{font-size:15px;}

   .sub0201 .con07 div{margin-top:30px;}
   .sub0201 .con07 ul{float:none; width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:10px;}
   .sub0201 .con07 ul:nth-child(2){margin:30px 0px;}

   /* sub0202 */
   .sub0202 h3{font-size:19px; margin:0px 0px 20px 0px;}
   .sub0202 figure{padding:50px 10px;}
   .sub0202 .con01{padding:160px 0px 0px 0px;}
   .sub0202 .con01 center{padding:30px 10px;}
   .sub0202 .con01 center br{display:none;}

   .sub0202 .con02 div br{display:none;}

   .sub0202 .con03{padding:160px 0px 0px 0px;}
   .sub0202 .con03 center{padding:30px 10px;}
   .sub0202 .con03 center br{display:none;}

   .sub0202 .con04 div div{float:none; width:100%;}
   .sub0202 .con04 div div:nth-child(1){margin-right:0%;}
 }

 @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; display:none;}
   .mbttombn-2{padding-bottom: 20px;}
 }