@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
img {border:0px;}
body {background-color:#f8f8f8; 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; font-size:12px;}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/*���� ������*/
.copy{color:#f0f0f0; background-color:#000000; padding: 30px 0px;}
*{font-family: 'Pretendard-Regular' !important;}
.whitebg{background-color:#ffffff; width:1100px; _width:1100px;}

.topfixed{position:relative; top:0px; z-index:3; padding-top: 40px;}
.topfixed_2{height:auto; position:relative; top:0px; width:100%; overflow: hidden; z-index:100;}
.topfixed_3{height:auto; position:relative; top:0px; width:100%; overflow: hidden; position:fixed; z-index:1;
_position:absolute; _top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');_left:expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');}
.topfixed_4{position:relative; top:0px; width:100%; overflow: hidden; z-index:100;}
.top_sp{height: 90px;}

/*���� ������*/
#sub_section{width: 1100px; margin: 0 auto; background: #fff;}
#submenu, #subpage{float: left;}

#submenu {
    width: 200px;
    margin-top: 20px;
    margin-left: 10px;
}
#submenu a{text-decoration:none; color:#666666; font-size:12px; width:200px; height:35px; line-height:35px; float:left; padding-left:35px; font-size: 15px;
  background:url(/skin/business20130622../images/l-off.jpg) left top no-repeat; box-sizing:border-box;}
#submenu a:hover{background:url(../images/l-ing.jpg) left top no-repeat; color:#ffd392;}

#subpage{width: 820px; padding:20px 0px 80px 30px;}
#bigtitle{font-size:20px; font-weight:bold; color:#ff9700; line-height:30px; padding-bottom:7px;}
#title{font-size:25px; color:#000000; font-weight:bold;  padding:0px 0px 20px 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;}
.btnbox{display: flex;}
.btncss {
    padding: 10px;
    background: #ff9700;
    width: 50%;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 30px;
    font-size: 15;
    color: #fff;
    transition: 0.3s;
}
.btncss:hover{background: #333; cursor: pointer;}
.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 h3{width:120px; line-height:120px; text-align:center; border-radius:50%; font-size:19px; background:#ff9700; color:#fff; margin-left:80px;}
.sub0102 figure{padding:50px 0px 1px 0px; background:url(../images/sub0102_1.png) left 136px top repeat-y;}
.sub0102 ul{margin-bottom:50px; background:url(../images/sub0102_2.png) left 131px top 3px no-repeat;}
.sub0102 h4{float:left; font-size:19px; color:#ff9700;}
.sub0102 li{margin-left:250px; margin-bottom:5px;}
.sub0102 li b{color:#333;}
.sub0102 h5{padding-left:134px;}

/* sub0103 */
.sub0103, .sub0103_1 {display: none;}
.sub0103 h2{border-top:2px solid #ff9700; border-bottom:2px solid #dfdfdf; padding:10px 0px; font-size:19px; color:#000; margin:100px 0px 50px 0px;}
.sub0103 h2:first-child{margin-top:0;}
.sub0103 figure{border-top:1px solid #dfdfdf; margin-top:50px; padding-top:50px;}
.sub0103 figure:first-child{border-top:none; padding-top:0; margin-top:0;}
.sub0103 center{width:50%; float:left;}
.sub0103 ul{margin-left:350px;}
.sub0103 ul .sub0301btn {
    width: 100px;
    text-align: center;
    padding: 10px;
    margin: 30px 0;
    background: #ff9700;
    display: block;
    border-radius: 5%;
    color: #fff;
    transition: 0.3s;
}
.sub0103 ul .sub0301btn:hover{background: #333;}
.sub0103 h3{font-size:15px; color:#ff9700; font-family:'Nanum Square';}
.sub0103 h3 b{display:block; font-size:20px; color:#000; margin-top:15px;}
.sub0103 h4{font-size:19px; margin-top:10px; color:#ff9700;}
.sub0103 h4 span{display:block; font-size:16px; color:#666; font-weight:normal; margin-top:5px;}
.sub0103 li{margin-top:10px; background: url(../images/sub_dot01.jpg) left top 8px no-repeat; padding-left: 12px;}

.sub0103_1 center{width: 15%;}
.sub0103_1 ul{margin-left: 150px;}

/* sub0201 */
.sub0201 center{border:1px solid #dfdfdf; border-radius:5px; padding:15px 0px;}
.sub0201 h3{font-size:19px; color:#000; background:url(../images/sub_dot04.jpg) no-repeat top 4px left; padding-left:26px; margin:50px 0px 10px;}
.sub0201 div{background:#f8f8f8; padding:15px; border-radius:5px;}
.sub0201 div b{color: #222a65;}
.sub0201 h4{background:#ff9700; 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_dot04.jpg) no-repeat top 4px left; padding-left:26px; margin:50px 0px 10px;}
.sub0202 .con01{background:url(../images/sub0201_1.jpg) no-repeat right center #f8f8f8; background-size:50%; border-radius:5px;}
.sub0202 .con01 div{background:url(../images/sub0202_1.png) no-repeat right 340px center; padding:15px;}
.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:#ff9700; 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:15px; color:#555; word-spacing:-1px; line-height:150%; padding:10px; border:1px solid #dfdfdf; text-align:center;}
.sub0202 th{background:#555; color:#fff;}
.sub0202 .con04{padding:15px; border:1px solid #dfdfdf; border-radius:5px;}
.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 all and (max-width: 768px) {
    .t_none{display: none;}
    .top_sp{height: 60px;}

    /*����������*/
   .topfixed_2{padding-top: 0px;}
   .topfixed{padding-top: 0px;}

   /*���� ������*/
   #sub_section{width: 100%;}
   #subpage{width: 96%; padding:20px 2% 80px 2%;}
   #title{text-align: center; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}

   /* 공통 */
   .normal{font-size:14px;}
   .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;}

   /* sub0102 */
   .sub0102 h3{width:100px; line-height:100px; font-size:17px; margin-left:40px;}
   .sub0102 figure{background:url(../images/sub0102_1.png) left 86px top repeat-y;}
   .sub0102 ul{background:url(../images/sub0102_2.png) left 83px top 3px no-repeat;}
   .sub0102 li{margin-left:130px;}
   .sub0102 li b{color:#333;}
   .sub0102 h5{padding-left:84px;}

   /* sub0103 */
   .sub0103 h2{text-align:center;}
   .sub0103 figure{border-top:none; background:#ff9700; padding:20px; border-radius:30px;}
   .sub0103 figure:first-child{border-top:none; padding:20px; margin-top:0;}
   .sub0103 center{width:100%; float:none; margin:0 auto;}
   .sub0103 ul{margin-left:0px; background:#fff; padding:10px; border-radius:20px; margin-top:20px;}
   .sub0103 h3{text-align:center;}
   .sub0103 h4{font-size:16px; margin-top:30px;}
   .sub0103 h4 span{font-size:15px;}
   .sub0103 li{background: url(../images/sub_dot01.jpg) left top 7px no-repeat;}
   .sub0103_1 ul{margin: 0 !important;}
   .sub0103 ul .sub0301btn{margin: auto; margin-top: 30px !important;}

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

   /* sub0202 */
   .sub0202 h3{background:url(../images/sub_dot04.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:290px 15px 15px 15px;}
   .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:10px; padding:5px;}
   .sub0202 th{width:auto;}
   .sub0202 .con04{padding:330px 15px 15px 15px;}
   .sub0202 .con04 li{margin-top:10px; background:url(../images/sub0102_3.jpg) no-repeat top 7px left;}
 }

  @media (max-width:580px){
    .m_none{display: none;}
  }