@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("../hiun/NanumSquare/master/nanumsquare.css");
@import url('../innks/NanumSquareRound/master/nanumsquareround.min.css');

img {border:0px;}

body {background-color:#ffffff; color:#3b3b3b; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, p, input, button, textarea, select, .c1 {font-family:'NanumSquareRound',sans-serif, sans-serif; color:#3b3b3b; font-size:14px;}
a{text-decoration:none; margin:0; padding:0; color:#3b3b3b;}
a:hover{text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}

/*���� ������*/
#main_section{padding-top: 70px;}
#mainbg{background:url(../images/mainbg.jpg) no-repeat center top; height:245px;}
.main_img{width: 1100px; height:245px; margin: 0 auto; background:url(../images/mainimg.jpg) no-repeat center top;}

#main_banner{width: 1100px; margin: 0 auto; margin-top: 40px;}
.mbn01, .mbn01_2{float: right;}

.mbn01{padding-right:55px; width:220px; height:235px; font-size:12px; line-height:170%; color:#898989; background:url(../images/line.jpg) no-repeat left top;}
.mbn01 a{color:#898989;}
.mbn01 a:hover{color:#555;}
.mbntit{font-size:24px; font-weight:bold; padding:15px 0 20px; color:#3b3b3b;}

.mbn01_2{width:550px; height:285px; background:url(../images/formbg.jpg) no-repeat left top;}

.main_banner02{clear: both; padding-top: 30px;}
.mbn02, .mbn02_2{float: left;}
.mbn02{width:495px; margin-right: 55px;}
.mbn02_2{width:550px;float: right;}
.mbn02_2 div{float: left;}
.txt01{width: 95px; font-size:21px; font-weight:bold;}
.txt02{width: 435px; padding: 4px 0px 0px 20px; font-size:12px; color:#999; line-height:150%;}
.txt03{width: 310px; padding-top: 10px; font-size:58px; letter-spacing:-2; font-weight:bold;}
.txt03 span{color:#ea0080;}
.txt04{width: 200px; padding-top: 20px; color:#555; line-height:170%;}
.txt04 span{display:inline-block; border-top:1px solid #777;}

#copybg{background:#f2f2f2; height: 100px;}
#copyadass{width: 1100px; margin: 0 auto;}
.copy, .copylogo{float: left;}
.copy{width: 800px; padding:30px 0; line-height:160%; font-size:13px; color:#999;}
.copylogo{width: 300px; text-align:right; padding:25px 0;}

.sp40{height: 40px; clear: both;}

/*���� ������*/
#subbg{background:url(../images/mainbg.jpg) no-repeat center top; height:180px;}
.sub_img{width: 1100px; height:180px; margin: 0 auto; background:url(http://www.idrg.kr/images/subtop.jpg) no-repeat center top;}

#sub_section{padding-top: 75px;}
#sub_con{width: 1100px; margin: 0 auto; margin-top: 30px;}
.sub_left, .sub_page{float: left;}
.sub_left{width: 190px; margin-right: 50px;}
.sub_page{width: 860px;}

.ltitle{font-size:12px; font-weight:100; letter-spacing:-1; color:#ea0080;}
.ltitle span{font-size:28px; font-weight:bold; color:#3b3b3b;}
.lmenu {margin:25px 0 35px;}
.lmenu a{color:#3b3b3b; display:block; height:35px; line-height:35px; background:url(http://www.idrg.kr/images/lmenu.jpg) no-repeat right center;}
.lmenu a:hover{color:#ea0080; font-weight:bold; background:url(../images/lmenu_on.jpg) no-repeat right center;}

.lbn{margin-bottom:50px;}
.lbnbg{background:url(http://www.idrg.kr/images/lbnbg.jpg) no-repeat left top; height:47px; padding:10px 0 0 15px; font-weight:bold; color:#fff; font-size:18px;}
.lbntxt{font-size:14px; padding-left:15px;padding-top: 5px;}
.lbntxt span{font-size:24px; font-weight:bold; color:#ea0080;line-height: 40px;}
.lbn02{line-height:150%; font-size:12px; border:1px solid #eeeeee; margin:40px 0 30px 0; padding:15px 0 0 20px;  height:120px; _height:200px;}
.lbn02 span{color:#ea0080;}
.lbn02_2{padding-bottom:35px; font-size:18px;font-weight:bold; background:url(http://www.idrg.kr/images/line2.jpg) no-repeat left 38px;}

.title02, .stitle{float: left;}
.title02{width: 430px; font-size:24px; font-weight:bold; padding-bottom:50px;}
.stitle{width: 430px; font-size:12px; color:#999; padding-bottom:50px; padding-top: 10px;}
.stitle span{color:#555;}

#con{padding-bottom:70px; clear: both;}


@media screen and (max-width: 768px) {
  .t_none{display: none;}

  /*���� ������*/
  .main_img, #main_banner, #copyadass, .copy{width: 100%;}
  .mbn_keib{width: 100%;}
  .mbn01{width:40%; padding-right: 0px; padding:30px 5%; background:none;}
  .mbn01_2{width:550px; margin: 0 auto; float: none;}

  .mbn02{width:100%; margin-right: 0px;}
  .mbn02_2{width:90%; padding: 30px 5%;}
  .txt03{width: 100%; padding-top: 10px; font-size:78px;}
  .txt04{width: 100%; padding-top: 20px; color:#555; line-height:170%;}
  .main_img{background-position: 85% 50%;}

  .copy{text-align: center;}

  /*���� ������*/
  .sub_img, #sub_con, .sub_page{width: 100%;}
  #sub_section{padding-top: 60px;}
  #sub_con{margin-top: 0px;}
  .title02{width:100%; text-align: center; padding-bottom:0px; padding: 15px 0px;}
}

@media (max-width:580px){
  /*���� ������*/
  .mbn01{display:none;}
  .mbn01_2{width:100%; height:200px; background:none;}
  .txt01{width: 100%;}
  .txt02{width: 100%; padding: 10px 0px 0px 0px; font-size:10px;}
  .txt03{font-size:58px;}
  .mbn02{margin-top: 30px;}
  .mbntit{text-align: center;}

  /*���� ������*/
}