@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;}
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}
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;}
*{font-family: 'NanumBarunGothic', sans-serif;}
/*���� ������*/
#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; font-size: 16px;}
.mbn01 a:hover{color:#555;}
.mbntit{font-size:24px; font-weight:bold; padding:15px 0 20px; color:#3b3b3b;}

.mbn01_2{width:550px; height:255px; 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;}
.mbn02_2 div{float: left;}
.txt01{width: 95px; font-size:21px; font-weight:bold;}
.txt02{width: 435px; padding: 4px 0px 0px 20px; font-size:14px; 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 img{transition: 0.5s;}
.txt04 img:hover{opacity: 50%;}
.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:10px 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/subbg.jpg) no-repeat center top; height:180px;}
.sub_img{width: 1100px; height:180px; margin: 0 auto; background:url(../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:#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:24px; font-weight:bold; color:#ef4c26;}
.lbn02{line-height:150%; font-size:15px; border:1px solid #eeeeee; 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:18px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}

.s_text01{font-size:28px; font-weight:normal; color:#333; font-family: 'Nanum Square';}
.s_text02{font-size:16px; font-weight:normal; margin:5px 0px 40px 0px;}

/* sub0101 */
.sub0101 center{float:left; width:270px;}
.sub0101 h2{font-weight:normal; font-size:19px; margin-top:20px;}
.sub0101 h2 b{display:block; color:#333;}
.sub0101 div{margin-left:320px; text-align:justify;}

/* sub0102 */
.sub0102 figure{padding:50px 0px 1px 0px; background:url(../images/sub0102_1.jpg) repeat-y top left 136px;}
.sub0102 h3{width:120px; line-height:120px; background:#ef4c26; color:#fff; font-size:19px; text-align:center; border-radius:50%; margin-left:80px;}
.sub0102 h4{font-size:19px; color:#ef4c26; float:left;}
.sub0102 ul{margin-bottom:50px; background:url(../images/sub0102_2.jpg) no-repeat top left 131px;}
.sub0102 li{margin-left:250px; margin-bottom:10px; background:url(../images/sub0102_3.jpg) no-repeat center left; padding-left:12px;}
.sub0102 h5{padding-left:134px;}

/* sub0104 */
.sub0104 h3{font-size:19px; color:#000; background:url(../images/sub_dot01.jpg) no-repeat top 4px left; padding-left:26px;}
.sub0104 h4{font-size:17px; font-weight:normal; margin:10px 0px;}
.sub0104 h4 b{display:block;}
.sub0104 ul{margin-bottom:70px;}
.sub0104 li{background:#f8f8f8; margin-top:5px; font-size: 18px;}
.sub0104 li span{display:inline-block; width:120px; background:#ef4c26; color:#fff; text-align:center; margin-right:30px; padding:10px 0px;}

/* sub0201 */
.sub0201 center{border:1px solid #dfdfdf; border-radius:5px; padding:15px 0px;}
.sub0201 h3{font-size:19px; color:#000; background:url(../images/sub_dot01.jpg) no-repeat top 4px left; padding-left:26px; margin:50px 0px 10px;}
.sub0201 div{background:#f8f8f8; padding:15px; border-radius:5px;}
.sub0201 h4{background:#ef4c26; color:#fff; padding:5px 15px;}
.sub0201 ul{margin-bottom:30px;}
.sub0201 li{margin-top:5px;}

/* sub0202 */
.sub0202 h3{font-size:19px; color:#000; background:url(../images/sub_dot01.jpg) no-repeat top 4px left; padding-left:26px; margin:50px 0px 10px;}
.sub0202 .con01{border-radius:5px;}
.sub0202 .con01 div{padding:15px; background: #f9f9f9;}
.sub0202 .con02{border:1px solid #dfdfdf; border-radius:5px; padding:15px;}
.sub0202 .con02 ul{float:left; width:30%; text-align:center;}
.sub0202 .con02 ul:nth-child(2){margin:0 5%;}
.sub0202 .con02 h4{width:180px; line-height:180px; font-size:19px; text-align:center; border-radius:50%; background:#ef4c26; color:#fff; margin:0 auto 20px auto;}
.sub0202 .con02 li{border-bottom:1px solid #dfdfdf; padding:10px 0px;}
.sub0202 .con02 li:last-child{border:none;}
.sub0202 .con02 li span{display:block; font-size:14px; color:#666;}
.sub0202 .con03 h4{color:#333;}
.sub0202 table{width:100%; border-collapse:collapse; margin-bottom:30px;}
.sub0202 td, .sub0202 th{font-size:18px; color:#555; word-spacing:-1px; line-height:150%; padding:10px; border:1px solid #dfdfdf; text-align:center;}
.sub0202 th{width:16%; background:#ef4c26; color:#fff;}
.sub0202 td b{color: red;}
.sub0202 .con04{padding:15px; border:1px solid #dfdfdf; border-radius:5px; background:url(../images/sub0202_2.png) no-repeat right 20px center; background-size:30%;}
.sub0202 .con04 h4{font-size:19px; color:#333;}
.sub0202 .con04 li{margin-top:10px; background:url(../images/sub0102_3.jpg) no-repeat center left; padding-left:12px;}

@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; height: auto;}
  .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%;}

  .copy{text-align: center;}

  /*���� ������*/
  .sub_img, #sub_con, .sub_page{width: 100%;}
  .sub_img {
    background: url(../images/subtop02.jpg) no-repeat center center;
    background-size: 100% auto;
  }
  #sub_section{padding-top: 60px;}
  #sub_con{margin-top: 0px;}
  .title02{width:100%; text-align: center; padding-bottom:0px; padding: 15px 0px;}

  /* 공통 */
  .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{display:none;}
  .s_text02{display:none;}

  /* sub0101 */
  .sub0101 center{float:none; width:100%; margin-bottom:50px;}
  .sub0101 div{margin-left:0px; text-align:justify; padding: 10px;}
  .sub0101 div br{display: none;}

  /* sub0102 */
  .sub0102 figure{background:url(../images/sub0102_1.jpg) repeat-y top center;}
  .sub0102 h3{margin:0 auto;}
  .sub0102 h4{float:none;}
  .sub0102 ul{background:url(../images/sub0102_2.jpg) no-repeat top center #fff; text-align:center; padding:25px 0px 1px 0px;}
  .sub0102 li{margin-left:0px; background:none; padding-left:0px;}
  .sub0102 h5{padding-left:0; text-align:center;}

  /* sub0104 */
  .sub0104 h3{background:url(../images/sub_dot01.jpg) no-repeat top 1px left;}
  .sub0104 h4{font-size:16px;}
  .sub0104 iframe{height:200px;}
  .sub0104 li{text-align:center; padding-bottom:10px;}
  .sub0104 li span{display:block; width:100%; margin-right:0px; margin-bottom:10px;}

  /* sub0201 */
  .sub0201 h3{background:url(../images/sub_dot01.jpg) no-repeat top 1px left;}

  /* sub0202 */
  .sub0202 h3{background:url(../images/sub_dot01.jpg) no-repeat top 1px left;}
  .sub0202 .con01{background:url(../images/sub0202.png) no-repeat top center #f8f8f8; background-size:100%;}
  .sub0202 .con01 div{background:none; padding:10px;}
  .sub0202 .con02{padding:15px;}
  .sub0202 .con02 ul{float:none; width:100%;}
  .sub0202 .con02 ul:nth-child(2){margin:30px 0px;}
  .sub0202 .con02 h4{width:100%; line-height:60px; border-radius:5px; margin:0;}
  .sub0202 td, .sub0202 th{font-size:18px; padding:5px;}
  .sub0202 th{width:auto;}
  .sub0202 .con04{background:url(../images/sub0202_2.png) no-repeat top 20px center; background-size:94%; padding:10px;}
  .sub0202 .con04 li{margin-top:10px; background:url(../images/sub0102_3.jpg) no-repeat top 7px left;}
}

@media (max-width:580px){
  /*���� ������*/
  .mbn01{width:90%; padding:30px 5%; float: none;}
  .mbn01_2{width:100%; height:400px; background:none;}
  .txt01{width: 100%;}
  .txt02{width: 100%; padding: 10px 0px 0px 0px; font-size:10px; font-size: 16px;}
  .txt03{font-size:55px;}
  .main_img{background-position: calc(50% - 45px) top;}
  .mbn02{margin-top: 30px;}
  .mbntit{text-align: center;}

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