@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;font-family:'Noto Sans KR', sans-serif !important;background:#fff;color:#666;font-weight:400;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif !important}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body, p, input, button, textarea, select, table, tr, td, div, font, span, .c1 {margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif !important; font-size:16px; font-weight:400;}

ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
legend, label, input, button, select, img {vertical-align:middle;font-size:16px;font-family:'Noto Sans KR', sans-serif !important;}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif !important;font-size:16px}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', sans-serif !important;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none;color:#444;}
a:hover {text-decoration:none; color:#444;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

div { margin: 0; padding: 0; }

.clear { clear: both; }

button.navbar-toggler:focus{
	outline: none!important;
}


header { padding: 0px; text-align: center; }
.navbar-brand { margin-left: 0px; padding: 0px; }
.navbar-brand img { width: 253px; }
.navbar-nav { margin-top: 26px; padding-left: 80px; }
.navbar-nav .nav-item { margin: 0 30px; background: url('/images/bullet1.png') 0 0 no-repeat; background-size: 10px; }
.navbar-nav .nav-item a { font-size: 20px; font-weight: 500; color: #000; padding-top: 0px; padding-bottom: 0px; }

.side-menu { display: block; width: 360px; height: 100%; background: #fff; position: fixed; top: 0; right: -360px; z-index: 1100; overflow-y: auto; }
.close_btn { width: 90%; height: 35px; margin: 30px 10px 5px 24px; text-align: right; }
.close_btn > a { display: inline-block; height: 100%; border: 1px rgba(0, 0, 0, 0.15) solid; padding: 3px 15px; border-radius: 6px; }
.close_btn img { width: 18px; }
.side-menu-list { margin-top: 20px; }
.side-menu-list .navbar-nav .nav-item { background: none; margin-bottom: 10px; text-align: left; }
.side-menu-list .navbar-nav .nav-item a { font-size: 20px; }

/*
.main { background:url('/images/bg_main.jpg') 50% 50% no-repeat; background-size: cover; box-shadow: rgba(0, 0, 0, 1) 0px -10px 20px -15px inset; }
*/
.main_image { width: 100%; }
.main .support { background: #000; position: absolute; color: #fff; padding:10px 10px; font-size: 16px; margin-top: 40px; margin-left: 780px; border-radius: 10px; }


.btnmenu { margin: 0 auto 0;  }
.menubtn-list { width: calc(100% - 385px); margin-left: 385px; background: #ffd16d; padding-left: 20px; border-radius: 25px 0 0 25px; }
.btnmenu h1 { font-size:30px; margin-bottom: 45px; color: #424344; font-weight: 800; }
.btnmenu .btnmenu1 { background: #e6e7e6 url('/images/main_menu_1.jpg') 50% 0 no-repeat; }
.btnmenu .btnmenu2 { background: #e6e7e6 url('/images/main_menu_2.jpg') 50% 0 no-repeat; }
.btnmenu .btnmenu3 { background: #e6e7e6 url('/images/main_menu_3.jpg') 50% 0 no-repeat; }
.btnmenu .btnmenu4 { background: #e6e7e6 url('/images/main_menu_4.jpg') 50% 0 no-repeat; }
.btnmenu .btnmenuitem { background-size: 100%; padding-top: 117px; padding-bottom: 13px; border-radius: 20px; margin: 20px auto; z-index: 10; position: relative; }
.btnmenu .btnmenuitem p { font-size: 18px; font-weight: bold; color: #000;}
.btnmenu .btnmenuitem span { font-size: 14px; display: block; height: 26px; color: #828282; }
.btnmenu .btnmenuitem a { background: #fff; border: 1px solid #d5d6d5; border-radius: 20px; height: 40px; padding: 4px 20px 6px; font-size: 14px; }

.main_bottom_image { width: 100%; position: relative; margin-top: -247px; z-index: -1; }
.main_bottom_image2 { width: 100%; }

/*
.sub { background:url('/images/bg_sub.jpg') 50% 50% no-repeat; background-size: cover; box-shadow: rgba(0, 0, 0, 1) 0px -10px 20px -15px inset; }
*/
.sub_image { width: 100%; }
.title-bar { border-bottom: 2px solid #818281; margin: 25px auto 20px; padding: 0 0 5px 20px; }
.title-bar h1 { display: inline-block; font-size: 20px; font-weight: 500;}
.title-bar nav { display: inline-block; float: right;}
.submenu { width: 300px; float: left; margin-bottom: 30px; }
.submenu ul li { margin-bottom: 10px; margin-left: 20px; }
.submenu ul li.active { font-weight: bold; }
.submenu ul li:before { content: ">"; margin-right: 10px; }
.a-side { border: 2px solid #c4c4c4; width: 300px; display: inline-block; padding: 25px 33px; font-size: 0px; float: left;  margin-bottom: 20px;}
.a-side .side-title { background: url('/images/icon_tel.png') 5px 12px no-repeat; background-size: 36px; padding-left: 45px; text-align: center; font-size: 18px; border-bottom: 1px solid #c2c3c4; padding-bottom: 20px; margin-bottom: 25px; font-weight: 500; }
.a-side p { font-size: 16px; font-weight: 500; margin-bottom: 10px; color: #3e3939; }
.a-side p .title { font-weight: 600; margin-right: 10px; font-size: 16px; color: #000000; }
.a-side p.ment { margin-top: 40px; font-size: 16px; padding-right: 10px;}
.main-content { display: inline-block; vertical-align: top; width: 980px; float: right; margin-bottom: 20px;}
.main-content .content-top-image { margin-bottom: 0px; }
.main-content .content-top-image img { width: 100%; }
.main-content .content-title { color: #424344; font-size: 22px; font-weight: 700; padding-left: 20px; background: url('/images/bullet2.jpg') 0 50% no-repeat; background-size: contain; line-height: 1; margin-bottom: 20px; }
.main-content .content { padding: 25px; font-size: 14px; color: #000; }
.main-content .content1 { font-size: 16px;}
.main-content .content1 ul { padding: initial; margin: initial; margin-left: 40px;}
.main-content .content1 ul li { list-style-type: circle; padding: initial; margin: initial; margin-bottom: 20px;}
.main-content .content2 { font-size: 16px;}
.main-content .content2 li { margin-bottom: 15px; font-size: 18px; display: block; font-weight: 500;}
.main-content .content2 li span { font-size: 16px; display: block; font-weight: 400; margin-left: 20px; }
.main-content .content3 { padding: 20px;}
.main-content .content3 img { width: 100%; }
.main-content .content3-1 .agree-content { border: 1px solid #ccc; padding: 20px; height: 300px; overflow: auto; margin-bottom: 15px;}
.main-content .content3-1 .form-check { margin-bottom: 20px; }
.main-content .content3-2 .form-label { font-size: 20px; font-weight: 500;}
.main-content .content3-2 .zipcode { width: 50%;}
.main-content .content3-3 { padding: 50px 150px; }
.main-content .content3-3 .content-box { border: 2px solid #ccc; padding: 50px 30px; }
.main-content .content3-3 .content-box h2 { font-size:26px; font-weight:600; margin-bottom: 20px;}
.main-content .content3-3 .content-box p { font-size: 20px; font-weight: 300; }
.main-content .content3-3 .content-box p span { font-size: 20px; font-weight: 600; }
.main-content .content4-1 .pagination .page-item a { color: #333; }
.main-content .content4-1 .pagination .page-item.active a { color: #fff; background: #333; border-color: #333; }
.main-content .content4-2 .title { font-size: 20px; border-bottom: 2px solid #333; padding: 0 10px 5px; }
.main-content .content4-2 .content { font-size:16px; padding: 10px; border-bottom: 1px solid #666; }
.main-content .content4-2 .content img { max-width: 910px; }
.main-content .content4-2 .registe { font-size:14px; padding: 10px; }


footer { border-top: 0px #aaa solid; margin: 0 auto; text-align: center; font-size: 14px; padding: 20px; }
footer .footer-info span { margin-right: 20px; }
footer .footer-info span.mail { margin-right: 0px; }

@media (max-width: 1399px) {  
  .navbar-nav { margin-top: 22px; padding-left: 0px; }
  .navbar-nav .nav-item a { font-size: 18px; }
  .main .support { font-size: 14px; margin-top: 30px; margin-left: 660px; }
  .btnmenu .btnmenuitem { padding-top: 105px; margin: 10px auto; }
  .main_bottom_image { margin-top: -215px; }
  .menubtn-list { width: calc(100% - 315px); margin-left: 315px; padding-left: 0px; }

  .a-side { width: 250px; padding: 15px 15px; }
  .a-side p .title { display: block; }
  .main-content { width: 850px;}
  .main-content .content4-2 .content img { max-width: 780px; }
}

@media (max-width: 1199px) {  
  .navbar-nav { margin-top: 10px; }
  .navbar-nav .nav-item a { font-size: 16px; }
  .main .support { margin-top: 22px; margin-left: 510px; }
  .menubtn-list { width: calc(100% - 130px); margin-left: 130px; padding-left: 0px; }

  .a-side { width: 100%; padding: 25px 33px; }
  .a-side p .title { display: inline-block; }
  .main-content { width: 100%;}
  .a-side .side-title { background: url('/images/icon_tel.png') 10px 25px no-repeat; background-size: 36px; width: 30%; border-bottom: 0px; border-right: 1px solid #c2c3c4; float: left; margin-bottom: 0px; padding-top: 14px; padding-bottom: 14px; }
  .a-side p { width: 30%; float: left; margin-left: 5%; }  
  .a-side p.ment { margin-top: 0px; width: 60%; margin-bottom: 0px;}
  .main-content .content4-2 .content img { max-width: 866px; }
}

@media (max-width: 991px) {  
  .navbar-brand img { width: 200px; }
  .navbar-nav { margin-top: initial; }
  .navbar-nav .nav-item { height: 30px;}
  .navbar-nav .nav-item a { font-size: initial; }
  .main {margin-top: 37px; padding-right: 0; padding-left:0;}
  .main .support { padding:8px 10px; margin-top: -37px; /* left: calc(var(--bs-gutter-x) * -0.25); */ left: 0; width: 100%; margin-left: 0px; }
  .menubtn-list { width: 100%; margin: 0; border-radius: 0; }
  .main2 { padding-right: 0; padding-left:0;}
  .btnmenu h1 { display: none; }
  .btnmenu .btnmenuitem { padding-top: 180px; margin-bottom: 20px; }
  .main_bottom_image { margin-top: -180px; }

  .a-side .side-title { background: url('/images/icon_tel.png') 10px 44px no-repeat; background-size: 36px; width: 40%; padding-top: 33px; padding-bottom: 33px; }
  .a-side p { width: 55%; float: left; margin-left: 5%; }  
  .a-side p.ment { margin-top: 0px; width: 55%; margin-bottom: 0px;}
  .main-content .content-title { display: none; }
  .main-content .content3-3 { padding: 50px 80px; }
  .main-content .content4-2 .content img { max-width: 626px; }
}

@media (max-width: 767px) {  
  .navbar-nav { margin-top: initial; }
  .navbar-nav .nav-item a { font-size: initial; }  
  .main { padding-right: 0; padding-left:0;}
  .main .container { padding-right: 0; padding-left:0;}
  .menubtn-list { width: initial; }
  .btnmenu .btnmenuitem { padding-top: 280px; margin-bottom: 20px; padding-bottom: 20px; }
  .btnmenu .btnmenuitem p { font-size: 20px; }
  .btnmenu .btnmenuitem span { font-size: 16px; height: 30px; }

  .sub { padding-right: 0; padding-left:0;}
  .sub .container { padding-right: 0; padding-left:0;}
  .a-side .side-title { background: url('/images/icon_tel.png') 10px 12px no-repeat; background-size: 36px; width: 100%; border-right: 0px; border-bottom: 1px solid #c2c3c4; padding-top: 0px; padding-bottom: 20px; margin-bottom: 25px; }
  .a-side p { width: 100%; float: left; margin-left: 5%; }  
  .a-side p.ment { margin-top: 0px; width: 100%; margin-bottom: 0px;}
  .main-content .content3 img { margin-bottom: 20px; }
  .main-content .content3-3 { padding: 50px 50px; }
  .main-content .content4-1 { padding: 0px; }
  .main-content .content4-1 thead { display: none; }
  .main-content .content4-1 .table-group-divider { border-top: 0px; }
  .main-content .content4-1 tbody tr th { display: none; }
  .main-content .content4-1 tbody tr td.title { width: 79%; }
  .main-content .content4-1 tbody tr td.date { width: 21%; font-size: 14px; }
  .main-content .content4-2 .content img { max-width: 446px; }
}

@media (max-width: 575px) {  
  .navbar-nav { margin-top: initial; }
  .navbar-nav .nav-item a { font-size: initial; }
  .title-bar nav { display: none;}
  .btnmenu .btnmenuitem { padding-top: 51vw; margin-bottom: 20px; }

  .main-content .content1 { padding: 25px 5px; }
  .main-content .content3 { padding: 30px 70px 30px 20px; }
  .main-content .content3 img { margin-bottom: 0px; }
  .main-content .content3-3 { padding: 20px 0px; }
  .main-content .content4-2 .content img { max-width: calc(100% - 94px); }
}