@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
img {border:0px;}


html{height:100%;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; height:100%;}
body, td, p, input, button, textarea, select, .c1 {font-family: 'NotoSansKR'; font-size:10pt;}
a{text-decoration:none;}
*{margin:0px; padding:0px; list-style:none;}

/* ���������� */
.top {
  background: linear-gradient(90deg, #3a7bd5, #3a6073);
  color: #fff;
  padding: 10px 0;
}
.top div {
  max-width: 1200px;
  margin: 0 auto;
  text-align: right;
}
.top a {
  color: #fff;
  margin-left: 15px;
  font-size: 14px;
}

#main_section {
  padding: 120px 20px 80px;
  text-align: center;
  background:url(../images/mainbg.jpg) center bottom no-repeat;
  color: #fff;
}
.main_text {
  font-size: 28px;
  font-weight: 300;
  font-family: 'NotoSansKR';
}
.main_text span {
  font-size: 52px;
  font-weight: 700;
  margin-top: 15px;
  display: block;
}
.main_bar {
  width: 60px;
  height: 4px;
  background: #fff;
  margin: 25px auto;
  display: none;
}

/* ���� */
.main_banner {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
  flex-wrap: wrap;
  padding: 0;
}
.main_banner li {
  flex: 1;
  max-width: 280px;
  list-style: none;
}
.main_banner li a {
  display: block;
  background: #fff;
  border-radius: 16px;
  padding: 50px 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  color: #3a6073;
  font-size: 20px;
  font-weight: bold;
  font-family: 'NotoSansKR';
}
.main_banner li a:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* �ϴ� ���� */
#main_bottom {
  max-width: 1100px;
  margin: 60px auto;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
  padding: 0 20px;
}
#main_bottom li {
  flex: 1;
  min-width: 280px;
  list-style: none;
}
#main_bottom h3 {
  font-family: 'NotoSansKR';
  font-size: 18px;
  color: #1c293a;
  padding-bottom: 10px;
  border-bottom: 2px solid #3a7bd5;
  margin-bottom: 15px;
}
#main_bottom .tel {
  font-size: 36px;
  font-family: 'NotoSansKR';
  color: #3a6073;
}
#main_bottom .tel span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #666;
}

/* footer */
#footer {
  background: #1c293a;
  color: #ccc;
  padding: 30px 20px;
  text-align: center;
  font-size: 14px;
}


/* ���������� */
#sub_section{padding-top:90px;}
.sub_top{background:url(../images/subtop.jpg) center top no-repeat; height:254px;}
.sub_text{width:1100px; margin:0 auto; font-family: 'NotoSansKR'; color:#265490; padding-top:90px;}
.sub_text span{display:block; font-size:30px;}

.sub_con{width:1100px; margin:20px auto 0px auto;}
/* ������ ��Ÿ�� */
.btl2 {
  font-size: 24px; /* ��¦ Ű�� */
  font-weight: 600; /* �� �� ���������� */
  color: #1a3d7c; /* ���� �Ķ� */
  padding-top: 8px; /* ���� �ִ� �е� */
  margin-bottom: 10px;
}

/* ���м� ��Ÿ�� 1 */
.btl3 {
  height: 3px; /* ��¦ �β��� */
  background: linear-gradient(to right, #4a90e2, #1a3d7c); /* �׶����̼� �Ķ� */
  margin: 10px 0 25px 0;
  border-radius: 2px; /* ���κ� �ձ۰� */
}

/* ���м� ��Ÿ�� 2 (���� ���� ���� ����) */
.btl4 {
  height: 2px;
  background-color: #92c322; /* ���� �÷� �迭 */
  margin: 5px 0 8px 0;
  display: none; /* �ʿ� �� ���̰� ���� ���� */
  border-radius: 2px;
}

/* ���� �޴� ��ũ */
#sub_menu a {
  color: #333; /* �ؽ�Ʈ ���� */
  font-size: 15px;
  background-color: #f0f4ff; /* ���� �Ķ� ���� */
  text-decoration: none;
  height: 45px;
  line-height: 45px;
  padding-left: 20px;
  display: block;
  width: 220px;
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  margin: 5px 0;
}

/* ȣ�� �� ȿ�� */
#sub_menu a:hover {
  color: #fff; /* ���� �۾��� ���� */
  background-color: #4a90e2; /* ������ �Ķ� ���� */
  font-weight: 600;
  transform: translateX(5px);
}

/* ū ���� */
#bigtit {
  font-size: 32px;
  color: #1a3d7c; /* ���� �Ķ����� ���� */
  font-weight: 700;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.con_left, .con_right{float:left;}
.con_left{width:220px; margin-right:70px;}
.con_right{width:810px; padding-bottom:50px;}

/* 공통 */
.normal{font-size:16px; line-height:150%; color:#555; letter-spacing:-1px;}
.sub_tit{margin-bottom:10px; text-align:center; font-size:26px;}
.tit01{color:#3a7bd7;}
.tit02{color:#3a7bd7;}

/* sub0101 */
.sub0101 .line2{height:1px; background:#dfdfdf; margin:80px 0px;}

.sub0101 .tit01{margin-bottom:20px;}
.sub0101 center{margin-bottom:50px; font-size:20px; color:#333;}
.sub0101 figure{padding-left:350px; text-align:justify; background:url(../images/sub0101.jpg) center left no-repeat;}
.sub0101 figure b{font-size:17px; font-family: 'NotoSansKR'; color:#333;}
.sub0101 figure ul{margin-top:30px; background:url(../images/sub0101_3.jpg) center left 50px no-repeat; padding:20px 20px 15px 230px; border:3px solid #5478d9;}
.sub0101 figure li{font-size:18px; margin:5px 0px; letter-spacing:0px;}
.sub0101 figure li span{display:inline-block; margin-right:10px; font-weight:bold; color:#333; font-family:'Nanum Square';}
.sub0101 figure h4{font-size:20px; font-family: 'NotoSansKR'; color:#486ed1; margin-bottom:15px;}

/* sub0102 */
.sub0102 .tit01{margin-bottom:20px;}
.sub0102 center{margin-bottom:50px; font-size:20px; color:#333;}
.sub0102 h5{width:120px; line-height:120px; background:#486ed1; color:#fff; border-radius:50%; text-align:center; font-size:20px; margin-left:90px;}
.sub0102 .con01{background:url(../images/sub0102_1.png) center left 146px repeat-y; padding:40px 0px 1px 0px;}
.sub0102 .con01 ul{margin-bottom:50px; background:url(../images/sub0102_2.png) top 2px left 141px no-repeat;}
.sub0102 .con01 h4{float:left; color:#486ed1; font-size:20px;}
.sub0102 .con01 li{margin:0px 0px 10px 250px; background:url(../images/sub0102_3.png) top 10px left no-repeat; padding-left:12px;}
.sub0102 .con01 li b{display:block; float:left; color:#333;}
.sub0102 .con01 li span{display:block; margin-left:50px;}

.sub0102 .con02{margin-top:100px;}
.sub0102 .con02 h4{background:#486ed1; color:#fff; padding:10px 15px; font-size:20px; border-radius:10px; margin-bottom:5px;}
.sub0102 .con02 ul{background:#f5f5f5; border-radius:10px; padding:15px;}
.sub0102 .con02 li{margin-bottom:10px; border:1px solid #dfdfdf; border-left:5px solid #486ed1; border-radius:10px; background:#fff; padding:10px 15px;}
.sub0102 .con02 li:last-child{margin-bottom:0;}
.sub0102 .con02 li span{display:block;}

/* sub0102 */
.sub0103 .tit01{margin-bottom:20px;}
.sub0103 center{margin-bottom:50px; font-size:20px; color:#333;}

/* sub0104 */
.sub0104 ul{margin-top:30px; border-top:2px solid #333; border-bottom:2px solid #333;}
.sub0104 li{padding:10px 0px; font-size:17px; border-bottom:1px solid #dfdfdf;}
.sub0104 li b{display:inline-block; width:150px; text-align:center; margin-right:50px; color:#333; font-weight:bold;}
.sub0104 li:nth-child(3){border-bottom:none;}

/* sub0201 */
.sub0201 .tit01{margin-bottom:20px;}
.sub0201 center{margin-bottom:50px; font-size:20px; color:#333;}
.sub0201 center b{font-size:20px; margin-top:10px; display:block;}
.sub0201 .con01 li{float:left; width:49%;}
.sub0201 .con01 li:nth-child(1){margin-right:2%;}
.sub0201 .con01 li:nth-child(1) h4{background:#2d3e83;}
.sub0201 .con01 li:nth-child(2) h4{background:#64ab2b;}
.sub0201 .con01 h4{float:left; text-align:center; padding-top:25px; width:100px; height:100px; border-radius:50%; box-sizing:border-box; font-family: 'NotoSansKR';}
.sub0201 .con01 h4 span{font-size:17px; color:#fff;}
.sub0201 .con01 div{background:#f8f8f8; margin-left:120px; border:1px solid #dfdfdf; border-radius:10px; padding:25px 0px 0px 30px; font-family: 'NotoSansKR'; height:100px; height:100px; font-size:16px; color:#333; font-weight:bold; box-sizing:border-box;}

.sub0201 .con02{margin-top:70px;}
.sub0201 .con02 li{width:195px; float:left; margin-right:10px; text-align:center;}
.sub0201 .con02 li:nth-child(4){margin-right:0px;}
.sub0201 .con02 li div{border:1px solid #dfdfdf; padding:15px 0px; margin-top:5px;}
.sub0201 .con02 li h4{font-size:18px; font-family: 'NotoSansKR'; color:#333;}

/* sub0202 */
.sub0202 .tit01{margin-bottom:10px;}
.sub0202 center{margin-bottom:50px; padding-bottom:50px; font-size:16px; border-bottom:1px solid #dfdfdf;}
.sub0202 center b{display:block; font-size:22px; color:#333; font-family: 'NotoSansKR'; margin-bottom:30px;}
.sub0202 center li{float:left; width:25%; font-size:18px; margin:5px 0px; color:#333;}
.sub0202 center li h4{width:100px; line-height:100px; background:#486ed1; color:#fff; border-radius:50%; font-size:32px; margin-bottom:15px; border:10px solid #a3b6e8;}
.sub0202 center li span{display:block; font-size:16px; color:#555;}

.sub0202 .con02{padding-top:15px; background:url(../images/sub0202.jpg) center left 89px no-repeat;}
.sub0202 .con02 h4{width:180px; line-height:180px; font-family: 'NotoSansKR'; border-radius:50%; text-align:center; float:left;}
.sub0202 .con02 h4 span{font-size:20px; color:#333;}
.sub0202 .con02 ul{box-sizing:border-box; height:180px;}
.sub0202 .con02 ul div{padding-top:42px; margin-left:250px;}
.sub0202 .con02 p{margin:20px 0px; font-size:17px; width:180px; text-align:center; color:#486ed1; font-weight:bold;}
.sub0202 .con02 p span{display:inline-block; padding:10px 0px; background:#fff;}
.sub0202 .con02 li{font-size:17px; background:url(../images/sub_dot03.png) top 10px left no-repeat; padding-left:10px; margin-bottom:10px;}
.sub0202 .con02 li:last-child{margin-bottom:0;}
.sub0202 .con02 li span{font-size:17px; color:#666; display:inline-block; margin-left:5px;}
.sub0202 .con02 .con02_1 h4{background:url(../images/sub0202_1.jpg) center center no-repeat; background-size:100%;}
.sub0202 .con02 .con02_2 h4{background:url(../images/sub0202_2.jpg) center center no-repeat; background-size:100%;}
.sub0202 .con02 .con02_3 h4{background:url(../images/sub0202_3.jpg) center center no-repeat; background-size:100%;}
.sub0202 .con02 .con02_4 h4{background:url(../images/sub0202_4.jpg) center center no-repeat; background-size:100%;}
.sub0202 .con02 .con02_4 h4 span{color:#012481;}

/* sub0302 */
.sub0302 .tit01{margin-bottom:20px;}
.sub0302 center{margin-bottom:50px; font-size:20px; color:#333;}
.sub0302 ul{width:48%; height:280px; margin-bottom:40px; padding:20px; float:left; box-sizing:border-box; border:1px solid #dfdfdf; border-radius:10px; border-top:5px solid #486ed1;}
.sub0302 ul:nth-child(odd){margin-right:4%;}
.sub0302 ul h5{width:60px; line-height:60px; text-align:center; background:#486ed1; color:#fff; border-radius:50%; float:left; font-size:24px;}
.sub0302 ul div{margin-left:80px;}
.sub0302 li{font-size:16px; background:url(../images/sub_dot03.png) top 11px left no-repeat; padding-left:10px; margin-bottom:10px;}
.sub0302 li:last-child{margin-bottom:0;}
.sub0302 li span{display:block; font-size:13px; color:#666;}
.sub0302 h4{color:#486ed1; margin-bottom:20px; padding-top:18px;}
.sub0302 h4 span{font-size:24px; color:#486ed1;}
.sub0302 ul:nth-child(4) h4 span{color:#ff0000;}

/* sub0303 */
.sub0303 .tit01{margin-bottom:20px;}
.sub0303 center{margin-bottom:50px; font-size:20px; color:#333;}
.sub0303 .con01{margin-bottom:100px;}
.sub0303 .con01 h4{float:left; background:#486ed1; width:176px; line-height:176px; margin-left:120px; font-size:26px; font-family: 'NotoSansKR'; text-align:center; border-radius:50%; color:#fff;}
.sub0303 .con01 ul{margin-left:350px; padding:0px 0px 10px 5px;}
.sub0303 .con01 li{font-size:17px; margin-bottom:10px; border:1px solid #dfdfdf; border-left:5px solid #486ed1; border-radius:10px; padding:5px 25px }
.sub0303 .con01 li:last-child{margin-bottom:0;}

.sub0303 .sub_tit2{border-bottom:1px solid #dfdfdf; font-size:26px; font-family: 'NotoSansKR'; color:#486ed1; padding-bottom:15px; text-align:center;}
.sub0303 .con02{width:50%; float:left; box-sizing:border-box; padding-top:30px;}
.sub0303 .con02_1{border-right:1px solid #dfdfdf;}
.sub0303 .con02_2{padding-left:40px;}
.sub0303 .con02 ul{margin-bottom:20px;}
.sub0303 .con02 li{background:url(../images/sub_dot05.jpg) top 7px left no-repeat; padding-left:10px; margin-bottom:5px;}
.sub0303 .con02 li span{display:block; font-size:13px;}
.sub0303 .con02 h4{font-size:18px; font-family: 'NotoSansKR'; color:#486ed1; margin-bottom:5px; background:url(../images/sub_dot04.jpg) center left no-repeat; padding-left:10px;}
.sub0303 .con02 h5{font-size:16px; color:#444;}

@media all and (max-width: 768px) {
  /* ���� ������ */
  .top{display:none;}
  #main_section{padding:110px 0px 50px 0px; background:url(../images/mainbg.jpg) center bottom no-repeat;}
  #main_section article{width:100%;}
  .main_text { font-size: 20px; }
  .main_text span { font-size:26px; margin-top:5px;}
  .main_banner li{width: 110px; margin: 0 10px;}
  .main_banner li a{width:80%; background-size:contain; font-size:18px;}
  .main_banner li a:hover{background-size:contain;}

  #main_bottom {
    flex-direction: column;
    align-items: center;
  }
  #main_bottom li {
    width: 100%;
    max-width: 500px;
  }

  #footer article{width:100%;}
  .copy{text-align:center;}

  /* ���� ������ */
  #sub_section{padding-top:60px;}
  .sub_top{height:auto;}
  .sub_text{width:100%; padding:50px 0px; text-align:center; text-shadow:3px 3px 3px rgba(0,0,0,0.4);}
  .sub_text span{font-size:20px;}

  .sub_con{width:100%; margin-top:0px;}
  .con_left, .con_right{float:none;}
  .con_left{display:none;}
  .con_right{width:96%; margin:10px auto 0 auto;}
  .btl2{text-align:center; border-top:1px solid #1c293a; border-bottom:1px solid #1c293a; color:#1c293a; padding:5px 0px; margin-bottom:20px;}
  .btl3{display:none;}

  /* 공통 */
  .normal{font-size:15px;}
  .sub_tit{margin-bottom:10px; text-align:center; font-size:26px;}
  .tit01{color:#3a7bd7;}
  .tit02{color:#3a7bd7;}

  /* sub0101 */
  .sub0101 .line2{height:1px; background:#dfdfdf; margin:80px 0px;}
  .sub0101 center{font-size:16px;}
  .sub0101 figure{padding-left:0px; background:none;}
  .sub0101 figure b{font-size:16px;}

  .sub0101 figure ul{background:url(../images/sub0101_3.jpg) center left 20px no-repeat; padding:20px 20px 15px 180px;}
  .sub0101 figure li{font-size:16px;}
  .sub0101 figure h4{font-size:18px;}

  /* sub0102 */
  .sub0102 center{font-size:16px;}
  .sub0102 h5{width:80px; line-height:80px; font-size:17px; margin-left:50px;}
  .sub0102 .con01{background:url(../images/sub0102_1.png) center left 87px repeat-y;}
  .sub0102 .con01 ul{background:url(../images/sub0102_2.png) top 2px left 82px no-repeat;}
  .sub0102 .con01 h4{font-size:18px;}
  .sub0102 .con01 li{margin:0px 0px 10px 140px; background:url(../images/sub0102_3.png) top 8px left no-repeat;}
  .sub0102 .con01 li b{float:none;}
  .sub0102 .con01 li span{margin-left:0px;}

  .sub0102 .con02 h4{font-size:18px;}
  .sub0102 .con02 ul{padding:10px;}
  .sub0102 .con02 li{padding:10px 10px;}
  .sub0102 .con02 li span{display:inline;}

  /* sub0102 */
  .sub0103 center{font-size:16px;}

  /* sub0104 */
  .sub0104 iframe{height:200px;}
  .sub0104 ul{margin-top:30px; border-top:2px solid #333; border-bottom:2px solid #333;}
  .sub0104 li{padding:10px 0px; font-size:17px; border-bottom:1px solid #dfdfdf; text-align:center;}
  .sub0104 li b{display:block; width:100%; margin-right:0px; margin-bottom:5px;}
  .sub0104 li span{display:block;}

  /* sub0201 */
  .sub0201 center{font-size:16px;}
  .sub0201 center br{display:none;}
  .sub0201 center span{display:block;}
  .sub0201 center b{font-size:16px;}
  .sub0201 .con01 li{float:none; width:100%; margin-bottom:30px;}
  .sub0201 .con01 li:nth-child(1){margin-right:0;}
  .sub0201 .con01 h4 span{font-size:16px;}
  .sub0201 .con01 div{padding:25px 0px 0px 20px;}

  .sub0201 .con02 li{width:49%; margin-right:2%; margin-bottom:10px;}
  .sub0201 .con02 li:nth-child(even){margin-right:0px;}

  /* sub0202 */
  .sub0202 center{font-size:16px;}
  .sub0202 center b{font-size:20px;}
  .sub0202 center li{float:left; width:50%; height:200px; font-size:16px;}
  .sub0202 center li h4{width:80px; line-height:80px; font-size:28px;}
  .sub0202 center li span{display:block; font-size:16px; color:#555;}

  .sub0202 .con02{padding-top:0px; background:url(../images/sub0202.jpg) top left 59px no-repeat; background-size:0.4%;}
  .sub0202 .con02 h4{width:120px; line-height:120px; font-family: 'NotoSansKR'; border-radius:50%; text-align:center; float:left;}
  .sub0202 .con02 h4 span{font-size:20px; color:#333;}
  .sub0202 .con02 ul{box-sizing:border-box; height:120px;}
  .sub0202 .con02 ul div{padding-top:10px; margin-left:140px;}
  .sub0202 .con02 p{font-size:16px; width:120px;}
  .sub0202 .con02 li{font-size:15px; background:url(../images/sub_dot03.png) top 10px left no-repeat; padding-left:10px; margin-bottom:10px;}
  .sub0202 .con02 li:last-child{margin-bottom:0;}
  .sub0202 .con02 li span{font-size:14px; margin-left:0px;}
  .sub0202 .con02 .con02_4 h4 span{color:#012481;}

  /* sub0302 */
  .sub0302 center{font-size:16px;}
  .sub0302 center span{display:block;}
  .sub0302 ul{width:100%; height:auto; float:none;}
  .sub0302 ul:nth-child(odd){margin-right:0;}
  .sub0302 ul h5{width:50px; line-height:50px; float:left; font-size:20px;}
  .sub0302 ul div{margin-left:65px;}
  .sub0302 li{font-size:15px; background:url(../images/sub_dot03.png) top 9px left no-repeat;}
  .sub0302 li span{font-size:14px;}
  .sub0302 h4{padding-top:15px;}
  .sub0302 h4 span{font-size:22px; color:#486ed1;}
  .sub0302 ul:nth-child(4) h4 span{color:#ff0000;}

  /* sub0303 */
  .sub0303 center{font-size:16px;}
  .sub0303 center span{display:block;}
  .sub0303 .con01{margin-bottom:100px;}
  .sub0303 .con01 h4{float:none; width:130px; line-height:130px; margin:0px auto 20px auto; font-size:22px;}
  .sub0303 .con01 ul{margin-left:0px;}
  .sub0303 .con01 li{font-size:15px; text-align:center; border-right:5px solid #486ed1;}

  .sub0303 .sub_tit2{font-size:20px;}
  .sub0303 .con02{width:100%; float:none; padding-top:40px;}
  .sub0303 .con02_1{border-right:none; border-bottom:1px solid #dfdfdf;}
  .sub0303 .con02_2{padding-left:0px;}
  .sub0303 .con02 ul{margin-bottom:40px;}
}