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


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;font-family:'Pretendard Variable', '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:'Pretendard Variable', '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: 'Pretendard Variable', '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:'Pretendard Variable', 'Noto Sans KR', sans-serif !important;}
input, button {margin:0;padding:0;font-family:'Pretendard Variable', 'Noto Sans KR', sans-serif !important;font-size:16px}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard Variable', '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;
}

/* custom */
body.body_main { background: url('/images/2026/ai2026_main_bg.jpg') no-repeat 50% 0; }
body.body_sub { background: url('/images/2026/ai2026_sub_bg.jpg') no-repeat 50% 0; }

header { padding: 0px; text-align: center; color: #fff; }
.navbar-brand { margin-left: 0; padding: 43px 0 0 35px; }

.navbar-nav { margin-top: 10px; padding-left: 200px; }
.navbar-nav .nav-item { margin: 0 20px; }
.navbar-nav .nav-item a { font-size: 20px; font-weight: 500; color: #fff; padding-top: 5px; padding-bottom: 5px; }
.navbar-nav .nav-item a.active { border-bottom: 2px solid #d99a52; color: #fff; }

.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 */ 

/* sub */
.page_title { padding: 45px 100px 30px; color: #acb5b5; min-height: 210px;}
.page_title .page_navi { font-size: 14px; margin-bottom: 20px; }
.page_title .page_navi .current {  font-size: 14px; color: #ffffff; }
.page_title .page_title1 { color: #ffffff; font-size: 45px; font-weight: 700; margin-bottom: 8px; }

.submenu { width: 285px; display: inline-block; padding: 30px 25px; float: left; margin-bottom: 30px; background: #171d22; color: #fff; border-radius: 20px; margin-left: 95px;}
.submenu ul li { margin-bottom: 10px; margin-left: 20px; }
.submenu ul li a { color: #fff; }
.submenu ul li.active { font-weight: bold; color: #82898f; }
.submenu ul li.active a { color: #82898f; }
.submenu ul li:before { content: ">"; margin-right: 10px; }
.a-side { width: 285px; display: inline-block; padding: 30px 25px; font-size: 0px; float: left;  margin-bottom: 20px; background: #171d22; color: #fff; border-radius: 20px; margin-left: 95px; }
.a-side .side-title { background: url('/images/icon_tel.png') 5px 12px no-repeat; padding-top: 60px; background-size: 36px; font-size: 18px; border-bottom: 1px solid #323639; padding-bottom: 20px; margin-bottom: 25px; font-weight: 500; }
.a-side p, .a-side p a { font-size: 16px; font-weight: 500; margin-bottom: 10px; color: #fff; }
.a-side p .title { font-weight: 600; margin-right: 10px; font-size: 16px; color: #82898f; }
.a-side p.ment {  border-top: 1px solid #323639; margin-top: 20px; padding-top: 20px; font-size: 13px; padding-right: 10px; color: #82898f;}
.main-content { margin-right: 95px; background: #171d22; color: #fff; border-radius: 20px; display: inline-block; vertical-align: top; width: 795px; float: right; margin-bottom: 20px; padding: 50px 40px;}
.main-content .content-title { font-size: 22px; font-weight: 700; line-height: 1; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #798188;}
.main-content .content { font-size: 14px; color: #82898f; }

.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: 767px) {  
    .navbar-nav { padding-left: 0px; }
    .navbar-nav .nav-item a { color: #000; }
    .navbar-nav .nav-item a.active { color: #000; }

    .page_title { padding: 45px 10px 30px; }

    .main-content { margin: 0 0 20px; width: initial; float: initial; }
    .a-side { width: 100%; float: initial; margin: 0 0 20px; }
    .submenu { width: 100%; float: initial; margin: 0 0 20px; }
  }