@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
*{font-family: 'Pretendard';}
img {border:0px;}

body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, textarea{font-family:'NotoSansKR'; -webkit-text-size-adjust:none;}


#main_con{width:1100px; margin:0 auto; padding-top:120px;}
#main_con .main_text{float:left; width:480px;}
#main_con .main_img{float:left; width:620px;}
#bottom_con{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 0px;}
#bottom_con div{width:1100px; margin:0 auto;}
#footer{margin:0 auto; padding:20px 0px; color:#666; font-size:9pt; line-height:140%; text-align: center; border-top:1px solid #dfdfdf;}

.contents{position:relative; z-index:5;}
.line{background:url(../images/line.jpg) left 100px repeat-x;}
.line-01{background:url(../images/line.jpg) left top repeat-x;}
.line-02{background:url(../images/line.jpg) left bottom repeat-x;}


#sub_con{width:1100px; margin:0 auto; padding-top:120px;}
#sub_con .left_menu{width:170px; float:left; margin-right:50px;}
#sub_con .sub_page{width:880px; float:left; margin-bottom: 100px;}

.mbnsp{height:20px; font-size:1px;}
.mbn{font-size:14pt; font-weight:bold; padding:0px 0px 5px 0px;}
.mbn span{font-size:10pt; color:#666; line-height:140%; font-weight:normal;}
.mbn-num{font-size:20pt; color:#333; font-weight:bold; font-family:arial; padding:0px 0px 0px 2px;}
.mbn-fax{font-size:10pt; color:#666; line-height:110%; padding:0px 0px 0px 4px;}
.mbn-fax b{padding-right:7px;}

.sbn{font-size:12pt; font-weight:bold; padding:30px 0px 2px 0px;}
.sbn-num{font-size:17pt; color:#333; font-weight:bold; font-family:arial;}
.sbn-fax{font-size:9pt; color:#666; line-height:140%;}
.sbn-fax b{padding-right:7px;}

.bigtitle{font-size:13pt; font-weight:bold; color:#333; letter-spacing:-1px; padding:0px 0px 15px 0px;}
.title{font-size:20pt; font-weight:bold; color:#333; letter-spacing:-1px; height:85px;}

#sub_menu a {
    font-size: 13px; /* ��Ʈ ũ�� Ȯ�� (10pt�� �ʹ� �۽��ϴ�) */
    color: #333; /* �⺻ �ؽ�Ʈ ���� ���ϰ� */
    text-decoration: none;
    width: 100%; /* �ʺ��� 100%�� �����Ͽ� ���� ����ó�� ���� */
    line-height: 1.5; /* �� ���� �����Ӱ� */
    float: none; /* float ���� display: block ��õ (���̾ƿ� ���� ����) */
    display: block;
    padding: 8px 0 8px 15px; /* ���� ���� �߰� �� ���� �е����� �ؽ�Ʈ ��ġ ���� */
    border-bottom: 1px solid #eee; /* �ϴܿ� ���� ���м� */
    transition: background-color 0.3s, color 0.3s; /* �ε巯�� ��ȯ ȿ�� */
    background: none; /* ���� ���� �̹��� ���� */
}

#sub_menu a:hover {
    padding: 8px 0 8px 25px; /* ȣ�� �� ���� �е��� �� �÷� �̵� ȿ�� ���� */
    background-color: #f7f7f7; /* ȣ�� �� ������ ���� */
    color: #007bff; /* ȣ�� �� �ؽ�Ʈ ���� ���� (�Ķ��� �迭) */
    font-weight: bold;
    border-left: 5px solid #007bff; /* ���ʿ� ������ �߰� */
}


/**/
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:16px; color:#555; line-height:150%; word-spacing:-1px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101 center{margin-bottom:20px;}
.sub0101 figure{margin-bottom:60px;}
.sub0101 h3{float:left; color:#007bff; border-top:2px solid #007bff; width:160px; font-size:20px; padding-top:10px;}
.sub0101 div{margin-left:170px; border-top:2px solid #dfdfdf; padding-top:10px; text-align:justify;}
.sub0101 h4{text-align:right; font-size:18px; font-weight:normal; color:#333; margin-top:30px;}
.sub0101 ul{background:url(../images/sub0101_2.png) left 184px center no-repeat;}
.sub0101 li{margin-bottom:10px; background:url(../images/sub0101_1.png) left 180px center no-repeat;}
.sub0101 li:last-child{margin-bottom:0;}
.sub0101 li b{display:block; float:left; color:#333;}
.sub0101 li span{display:block; margin-left:250px;}

/* sub0102 */
.sub0102 center{background:#f8f8f8; border-radius:5px; padding:50px;}
.sub0102 h3{color:#333; font-weight:normal; font-size:18px; margin-top:20px;}
.sub0102 h3 b{display:block; color:#007bff; font-size:22px; margin-bottom:10px;}
.sub0102 h4{margin-top:25px;}
.sub0102 h4 span{display:inline-block; background:#007bff; color:#fff; font-size:20px; padding:10px 40px; border-radius:20px;}

/* sub0201 */
.sub0201 figure{background:#007bff; padding:50px; border-radius:5px;}
.sub0201 h3{color:#fff; font-size:26px; border-bottom:1px solid #fff; margin-bottom:15px; padding-bottom:15px;}
.sub0201 center{padding:50px; background:#fff; border-radius:5px;}
.sub0201 ul{margin-bottom:30px;}
.sub0201 li{margin-bottom:10px; font-size:18px; color:#fff;}
.sub0201 li b{display:block; float:left;}
.sub0201 li span{display:block; margin-left:25px;}
.sub0201 div{text-align:center; margin-top:50px;}
.sub0201 div h4{color:#fff; font-size:20px; margin-bottom:15px;}
.sub0201 div a{display:block; background:#fff; border-radius:5px; font-size:18px; font-weight:bold; padding:10px 0px; color:#333;}
.sub0201 div a span{display:inline-block; color:#007bff; opacity:0.8; background:url(../images/sub0201_2.png) left center no-repeat; padding:2px 0px 2px 30px;}
.sub0201 div a:hover span{opacity:1;}

@media all and (max-width: 768px) {
  #main_con{width:100%; margin:0 auto; padding-top:90px;}
  #main_con .main_text{float:none; width:96%; padding:0 2%;}
  #main_con .main_text .mbn{display:none;}
  #main_con .mbnsp{display:none;}
  #main_con .mbn-num{display:none;}
  #main_con .mbn-fax{display:none;}
  #main_con .main_img{float:none; width:100%;}
  #bottom_con{display:none;}
  #footer{width:100%; margin:0 auto; padding:20px 0px; color:#666; font-size:9pt; line-height:140%;}
  .title{text-align: center; padding:10px 0px; font-size:18px; border-bottom:1px solid #dfdfdf; margin-bottom:20px; height:auto;}
  #sub_con{width:100%; padding-top:60px;}
  #sub_con .left_menu{display:none;}
  #sub_con .sub_page{width:96%; padding:0 2%; float:none;}

  /**/
  .normal{font-size:15px;}

  /* sub0101 */
  .sub0101 center{margin-bottom:0px;}
  .sub0101 figure{margin-bottom:60px;}
  .sub0101 h3{float:none; background:#007bff; color:#fff; border-top:none; width:100%; font-size:18px; padding:10px 0px; text-align:center;}
  .sub0101 div{margin-left:0px; padding-top:15px;}
  .sub0101 div br{display:none;}
  .sub0101 h4{text-align:center; font-size:17px;}
  .sub0101 ul{background:url(../images/sub0101_2.png) left 4px center repeat-y;}
  .sub0101 li{background:url(../images/sub0101_1.png) left top 3px no-repeat; padding-left:25px;}
  .sub0101 li b{float:none;}
  .sub0101 li span{margin-left:0px;}

  /* sub0102 */
  .sub0102 center{padding:25px;}
  .sub0102 h3{font-size:16px;}
  .sub0102 h3 br{display:none;}
  .sub0102 h3 b{font-size:20px;}
  .sub0102 h4 span{font-size:18px; padding:10px 20px;}

  /* sub0201 */
  .sub0201 figure{padding:25px;}
  .sub0201 h3{font-size:20px; padding-bottom:10px;}
  .sub0201 center{padding:25px;}
  .sub0201 li{font-size:16px;}
  .sub0201 li span{margin-left:20px;}
}