@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'; font-size:9.5pt;  -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;}

.contents{position:relative; z-index:5;}
.line{background:url(/skin/business6137../images/line.jpg) left 100px repeat-x;}
.line-01{background:url(/skin/business6137../images/line.jpg) left top repeat-x;}
.line-02{background:url(/skin/business6137../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{font-size:11pt; color:#666; line-height:150%; word-spacing:-1px;}

.st01{font-size:25pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
.st01 span{color:#000;}
.st02{font-size:16pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:-1px;}
.st03{font-size:18pt; color:#777; line-height:130%; word-spacing:-1px; letter-spacing:8px; padding:25px 0px 25px 0px;}
.st03 b{color:#333;}
.st04{font-size:18pt; color:#333; line-height:130%; word-spacing:-1px; letter-spacing:-1px; font-weight:bold; padding:30px 0px 0px 0px;}

.bold b{color:#222; padding-right:7px;}

.bak{color:#111;}
.bakln{color:#111; display:inline; border-bottom:1px solid #111; padding-bottom:1px; _ padding-bottom:0px;}
.bakbg{color:#fff; background-color:#111; padding:2px;}

@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: 20px 0 50px 0;}
  #sub_con{width:100%; padding-top:60px;}
  #sub_con .left_menu{display:none;}
  #sub_con .sub_page{width:100%; float:none;}
}