@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 {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:Nanum Gothic, ��������, 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:75px;}
#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;}
.lst a{display:inline-block; width:150px;}

.mbn01_2{width:550px; height:235px; background:url(../images/formbg.jpg) no-repeat left top; padding:30px; box-sizing:border-box; font-size:16px; line-height:150%; color:#333; word-spacing:-1px;}
.mbn01_2 h3{padding:0; margin:0px 0px 40px 0px; color:#ef4c26;}
.mbn01_2 h3 span{display:block; font-size:30px; margin-top:10px;}

.main_banner02{clear: both; padding-top: 30px;}
.mbn02, .mbn02_2{float: left;}
.mbn02{width:495px; margin-right: 55px;}
.mbn02_2{width:550px;}
.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:#ef4c26;}
.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:245px;}
.sub_img{width: 1100px; height:245px; margin: 0 auto; background:url(../images/mainimg.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:#ef4c26;}
.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(../images/lmenu.jpg) no-repeat right center;}
.lmenu a:hover{color:#ef4c26; font-weight:bold; background:url(../images/lmenu_on.jpg) no-repeat right center;}

.lbn{margin-bottom:50px;}
.lbnbg{background:url(../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:12px; padding-left:15px;}
.lbntxt span{font-size:20px; font-weight:bold; color:#ef4c26;}
.lbn02{margin:40px 0 30px 0; padding:15px 0 0 20px; background:url(../images/lbn02.jpg) no-repeat left bottom; height:180px; _height:200px;}
.lbn02 span{color:#ef4c26;}
.lbn02_2{padding-bottom:35px; font-size:18px;font-weight:bold; background:url(../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;}

/* 공통 */
.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-left:250px; background:url(../images/sub0101.jpg) no-repeat left top;}
.sub0101 h3{font-size:36px; font-family:'Nanum Square'; margin-bottom:50px; color:#ef4c26;}
.sub0101 h3 span{display:block; margin-bottom:20px;}
.sub0101 h4{margin-top:30px; font-size:19px; font-weight:normal; color:#333;}

/* sub0102 */
.sub0102 p{width:40px; height:2px; background:#ef4c26; margin:30px auto;}
.sub0102 center span{display:block;}

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

  /*���� ������*/
  #mainbg{height:150px;}
  .main_img{background-size:cover; height:150px;}
  .main_img, #main_banner, #copyadass, .copy{width: 100%;}
  .mbn_keib{width: 100%;}
  .mbn01{width:90%; padding:30px 5%; float: none; background:none; margin-bottom:50px;}
  .lst li{font-size:15px; margin-bottom:5px;}
  .lst li a{width:240px;}
  .mbn01_2{width:100%; height:auto; background:none; text-align:center; float:none; padding:20px; font-size:15px;}
  .mbn01_2 h3{padding:0; margin:0px 0px 40px 0px; color:#ef4c26;}
  .mbn01_2 h3 span{display:block; font-size:26px; margin-top:10px;}

  .main_banner02{padding-top:0;}

  .mbn02{width:100%; margin-right: 0px; margin-top:0;}
  .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%;}

  .copy{text-align: center;}

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

  /* 공통 */
  .normal{font-size:14px;}

  /* sub0101 */
  .sub0101{padding-left:0px; padding-top:300px; background:url(../images/sub0101.jpg) no-repeat center top; text-align:justify;}
  .sub0101 br{display:none;}
  .sub0101 h3{font-size:28px; text-align:center;}
  .sub0101 h4{font-size:17px; text-align:center;}

  /* sub0102 */
  .sub0102 iframe{height:200px;}
}

@media (max-width:580px){
  /*���� ������*/
  .txt01{width: 100%;}
  .txt02{width: 100%; padding: 10px 0px 0px 0px; font-size:10px;}
  .txt03{font-size:50px;}

  .mbn02{margin-top: 0px;}
  .mbntit{text-align: center;}

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