/* @import url("common.css");  */

/* 브라우저 기본 스타일 초기화 */
 *,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


 
ul, ol, li{list-style:none; }
/* Link Style */
a:link		{text-decoration:none; }
a:visited	{text-decoration:none; }
a:active	{text-decoration:none; }
a:hover		{text-decoration:none; }



body {
  font-family: 'Pretendard', sans-serif !important;
  margin: 0;
  background-color: white !important;
} 



/* 팝업관련 설정.. 차후 다 분리 해야함 */
#layer_area				{width: 864px; margin-left: -432px; position:absolute; left:50%; top:100px; z-index:9000;}


.member1{width: 946px;}
.member1 .layer_menu_hd{height: 49px; position:relative; background:url(../images/layer/menu_bg_top.png) 0 0 no-repeat; }
.member1 .layer_menu_hd .pop_tit{padding-top: 10px; text-align:center;}
.member1 .layer_menu_hd .btn_close{position:absolute; right:20px; top:15px; }

.member1 .layer_menu_center{background:url(../images/layer/menu_bg_center.png) 0 0 repeat-y;}
.member1 .layer_menu_center .pop_member_area{width:843px; padding-bottom:50px; margin:0 auto;}
.member1 .layer_menu_center .pop_member_area .pop_member_tit{padding:20px 0; font-size:13px; font-weight:bold; color:#333;}
.member1 .layer_menu_center .pop_member_area .pop_member_desc{height:400px; padding: 10px 0 10px 10px; overflow-y:scroll; background-color:#f6f6f6; border: solid 1px #cccccc; line-height:24px; }

.member1 .layer_menu_bottom{height: 10px; background:url(../images/layer/menu_bg_bottom.png) 0 0 no-repeat;}

.member2{width: 946px;}
.member2 .layer_menu_hd{height: 49px; position:relative; background:url(../images/layer/menu_bg_top.png) 0 0 no-repeat; }
.member2 .layer_menu_hd .pop_tit{padding-top: 10px; text-align:center;}
.member2 .layer_menu_hd .btn_close{position:absolute; right:20px; top:15px; }

.member2 .layer_menu_center{background:url(../images/layer/menu_bg_center.png) 0 0 repeat-y;}
.member2 .layer_menu_center .pop_member_area{width:843px; padding-bottom:50px; margin:0 auto;}
.member2 .layer_menu_center .pop_member_area .pop_member_tit{padding:20px 0; font-size:13px; font-weight:bold; color:#333;}
.member2 .layer_menu_center .pop_member_area .pop_member_desc{height:400px; padding: 10px 0 10px 10px; overflow-y:scroll; background-color:#f6f6f6; border: solid 1px #cccccc; line-height:24px; }

.member2 .layer_menu_bottom{height: 10px; background:url(../images/layer/menu_bg_bottom.png) 0 0 no-repeat;}

.member3{width: 946px;}
.member3 .layer_menu_hd{height: 49px; position:relative; background:url(../images/layer/menu_bg_top.png) 0 0 no-repeat; }
.member3 .layer_menu_hd .pop_tit{padding-top: 10px; text-align:center;}
.member3 .layer_menu_hd .btn_close{position:absolute; right:20px; top:15px; }

.member3 .layer_menu_center{background:url(../images/layer/menu_bg_center.png) 0 0 repeat-y;}
.member3 .layer_menu_center .pop_member_area{width:843px; padding-bottom:50px; margin:0 auto;}
.member3 .layer_menu_center .pop_member_area .pop_member_tit{padding:20px 0; font-size:13px; font-weight:bold; color:#333;}
.member3 .layer_menu_center .pop_member_area .pop_member_desc{height:400px; padding: 10px 0 10px 10px; overflow-y:scroll; background-color:#f6f6f6; border: solid 1px #cccccc; line-height:24px; }

.member3 .layer_menu_bottom{height: 10px; background:url(../images/layer/menu_bg_bottom.png) 0 0 no-repeat;}


.login{width: 864px;}

.layer_hd{height: 49px; position:relative; background:url(../images/layer/pop_top_bg.png) 0 0 no-repeat;}
.layer_hd .pop_tit{padding-top: 10px; text-align:center;}
.layer_hd .btn_close{position:absolute; right:20px; top:15px; }

.layer_cont{width: 864px; background:url(../images/layer/pop_center_bg.png) 0 0 repeat-y;}
.layer_cont_inner{width:420px; margin:0 auto;}
.layer_cont .layer_cont_inner .login_desc{padding:40px 0 0px;}
.layer_cont .layer_cont_inner .login_desc img{max-width: 370px;height: auto;}/*2025.04.25 박주병 이미지크기 커져도 안넘치도록 수정*/
.layer_cont .layer_cont_inner .login_idpw{padding-bottom:30px; position:relative; }
.layer_cont .layer_cont_inner .login_idpw li{padding-bottom:8px;}
.layer_cont .layer_cont_inner .login_idpw li.btn{position:absolute; right:0px; top:0px; }

.layer_cont .layer_btns{width:420px; padding-bottom: 50px;}
.layer_cont .layer_btns li{padding-bottom: 10px; position:relative; }
.layer_cont .layer_btns li span{position:absolute; right:0px; top:0px; }

.layer_bottom{height: 10px; background:url(../images/layer/pop_bottom_bg.png) 0 bottom no-repeat;}

.join_desc1{padding: 50px 0 ; text-align:center; }
.layer_join_area{padding-bottom: 30px; display:inline-block; }
.layer_join_area .join_step_img{padding-left: 80px; float: left; }
.layer_join_area .layer_agree{padding-left: 30px; float: left; position:relative;}
.layer_join_area .layer_agree .pb5{
    overflow: hidden;       /* 넘치는 부분 잘라냄 */
    display: inline-block;  /* 텍스트 옆에 딱 붙도록 */
}

.layer_join_area .layer_agree .pb5 img{
     width: 390px;
    height:auto; 
    margin-left: -130px;
    margin-top: -90px;
    margin-bottom: -90px;
}
.layer_join_area .layer_agree .agree_box{width: 580px; height:100px; padding: 10px; margin-bottom:10px; overflow-y:scroll; border: solid 1px #cccccc; line-height:24px; }
.layer_join_area .layer_agree .check_agree{padding-bottom: 10px; text-align:right; }

.mail_check{width: 414px; height: 121px; border: solid 1px #e5e5e5; background-color:#fbfbfb; position:absolute; left:100px; top:100px; }
.join_end{position:absolute; left:100px; top:100px; }
.btn_main{padding-top:20px; text-align:center; }
.name_mail_chk{padding: 25px 0 0 35px; }
.name_mail_chk li{padding-bottom: 10px; }
.layer_btns1{text-align:center; padding-bottom: 30px; }

.layer_table{width:90%; border: solid 1px #e8e8e8;}
.layer_table th{padding:4px 0 4px 10px; text-align:left; }
.layer_table td{padding:4px 0 4px 10px; }
.join_table_desc1{padding-left:10px; margin-top:5px; display:block; background:url(../images/layer/layer_bul1.gif) 0 center no-repeat; color:#76a247;}

.inner_layer {position:absolute; left:0px; top:0px; width: 100%; height: 100%; background:url(../images/layer/bg_layer1.png) 0 0 repeat; z-index:100}

.find_address, .find_address2 { width: 424px; margin:50px auto; }
.inner_hd{height: 49px; position:relative; background:url(../images/layer/pop_top_bg2.png) 0 0 no-repeat;}
.inner_hd .pop_tit{padding-top: 10px; text-align:center;}
.inner_hd .btn_close{position:absolute; right:20px; top:15px; }

.pra_area{width: 424px; margin:50px auto;}
.pra_area .pra_desc{padding:20px 0 10px;}
.inner_center .small_pop_inner{width:350px; padding-bottom:30px; margin:0 auto;}
/* 팝업 설정 종료 */




#header ul{display: flex;}
#header li{margin: 0 4px;}
#header .top-menu{background-color: rgb(227, 227, 227);  display: flex; justify-content: center; align-items: center; height: 35px;font-size: 15px; color: rgb(103, 102, 102);font-weight: normal; }
#header .top-menu a{color: inherit;}
#header .slogan{  font-weight: bold;
  font-size: 18px;             /* 15pt ≈ 20px */
    margin-top: -5px;
    margin-bottom: 0px;
    color: rgb(103, 102, 102);
    display: none;
}


#header .menu{background-color: #004d98;   color: white;
font-size:11px;
font-weight: 200;
height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}


#header .logo img{width: 70px;margin-top: 10px;}

#header .menu ul{justify-content: center; align-items: center;}
#header .menu a{color: white;}
#header .menu li{margin: 0 5px;}
#header .menu li:hover a{color: #fcd000; font-weight: 700; }
#header .menu .menu-pc{display: none;}



#header .menu-depth-2{background-color: #fdcf1b;  
    height: 30px; 
display: flex;justify-content: center; align-items: center;
font-size: 10px;

}
#header .menu-depth-2 ul{justify-content: center; align-items: center;}
#header .menu-depth-2 li{margin: 0 10px;color: #cc9900;}
#header .menu-depth-2 a{ color: #cc9900;}
#header .menu-depth-2 li:hover a{color: #004d97;}




#content{display: flex;justify-content: center;margin: 30px 20px 60px 20px;
    background-image: url('/images/common/content-bg-left.png'), url('/images/common/content-bg-right.png');
    background-position: 17% bottom,83% bottom;
    background-repeat:  no-repeat;
    background-size: 20% auto,20% auto;
    min-height: 34vh;
}

#content > * {max-width: 100%;}


/* 모바일은 안보이게 */
#rightBanner{display: none;}



.footer {
  background-color: #004398; /* 짙은 파란색 */
  color: white;
  /* height: 600px; */
  font-size: 11px;
}



.footer-top-pattern {
  height: 40px;
  background-color: #fdd100; /* 노란색 바탕 */
  background-image: 
    repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 1px, transparent 1px, transparent 20px),
    repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 1px, transparent 1px, transparent 20px);
}


.decor-box {
  width: 100%;
  height: 20px;
  background-color: #ffc800; /* 진한 노란색 */
}


.footer-content {
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  gap:30px;
}

.footer-content .footer-left,
.footer-content .footer-right
{display: flex; flex-direction: column;gap :20px;}

.footer-logo {
  width: 50px;
  height: auto;
  margin-bottom: 10px;
}

.footer-links {
  display: flex;
  gap: 10px;
  padding: 0;

}

.footer-links a {color: white;text-decoration: none;}


.phone {font-weight: bold;color: #fdd100;}
.phone span {margin-left: 6px;}



.consult-form {
    margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}


.consult-form input,
.consult-form select {
  padding: 6px;
  border: none;
  border-radius: 3px;
  width: 65px;
}


.consult-form select{width: 80px;}
.consult-form .tel input{height: 100%;} 


.consult-form button {
  background-color: #fdd100;
  color: #000;
  font-weight: bold;
  border: none;
  padding: 8px 14px;
  cursor: pointer;
  border-radius: 3px;
  min-width: 150px;
} 




 /* 태블릿 (768px ~ */
@media screen and (min-width: 768px) {
#header .top-menu{ height: 35px;font-size: 12px; }
#header .top-menu ul{width: 68%; justify-content: end;}
#header .slogan{  font-weight: bold;
                font-size: 18px;             /* 15pt ≈ 20px */
                margin-top: -15px;
                margin-bottom: 0px;;
                margin-left: 22px;
                /* display: block; */
                display: none;
                }


#header .menu{position: relative; height: 70px; font-size:17px;}

#header .logo {position: absolute;   
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#header .logo img{width: 120px;}
#header .menu li{margin: 0 15px;}
#header .menu-depth-2{height: 35px; margin-bottom: 50px;}
#header .menu-depth-2 a{font-size: 14px;}

#header .menu .menu-mo{display: none;}
#header .menu .menu-pc{display: block;width: 170px;}


#content{min-height: 38vh;}


#rightBanner{display: block;}



.footer {font-size: 16px;}
.footer-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 30px 60px;
}
.footer-content .logo-links{  font-size:8px ;}
.footer-content .logo-links .footer-logo{width: 100px;height: auto;margin-bottom: 0;}

.consult-form .tel{width: 280px; }
.consult-form input{font-size: 20px;}
.consult-form select{width: 90px;font-size: 15px;}
.consult-form button {font-size: 20px;}  
}


/* PC 반응형 */
@media (min-width: 1024px) 
{
  #header .menu ul{margin-right: 10px;}
  #header .menu .menu-pc{width: 270px;}
   #content{min-height: 48.7vh;} 
 .footer-content .logo-links{display: flex; gap: 10px; align-items: center;font-size:15px ;}
}