section.comm_container p.copy{
	width:75%;
	text-align:left;
	font-size:1.8rem;
	
	font-weight:400;
	color:#000;
	line-height:1;
	height:25px;
	margin:50px auto 0 auto;
	overflow:hidden;
	border:0px solid red;
	}
section.comm_container p.copy span{
	color:#f07168;
	font-size:2rem;
	font-weight:700;
	line-height:1;
	}
section.comm_container div.info{
	position:Relative;
	width:72%;
	text-align:center;
	font-size:3rem;	
	font-weight:400;
	color:#000;
	line-height:1.8;
	height:auto;
	padding:15px;
	margin:50px auto 0 auto;
	overflow:hidden;
	border:1px solid #cdcdcd;
	background:#f5f5f5;
	}
section.comm_container div.info span{
	color:#ff3300;
	font-weight:600;
	}	
section.comm_container div.info span.tel{
	display:block;
	font-size:4rem;
	font-weight:700;
	color:#000;
	}		
section.comm_container div.info a{
	position:absolute;
	right:5%;
	top:35px;
	width:250px;
	height:80px;
	display:block;
	background:#016d77;
	border-radius:5px;
	overflow:hidden;
	text-align:Center;
	color:#fff;
	font-size:2rem;
	
	font-weight:400;
	line-height:4;
	}	
	
	
	
/* =========================================
   1. °Ô½ÃÆÇ °øÅë ¼³Á¤ (¸ñ·Ï & Àбâ & ¾²±â)
   ========================================= */
section.comm_container table {
    width: 95%;
    margin: 30px auto 0;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: 2px solid #d7ccb5;
    border-bottom: 1px solid #d7ccb5;
}

/* ù ¹ø°, ¸¶Áö¸· ¿­ ¾ç¿· Å׵θ® Á¦°Å (°øÅë) */
section.comm_container table :is(th, td):first-child { border-left: 0; }
section.comm_container table :is(th, td):last-child { border-right: 0; }


/* =========================================
   2. ±âº» Å×À̺í (¸ñ·Ï ÆäÀÌÁö)
   ========================================= */
section.comm_container table thead th {
    padding: 12px 8px;
    background: #fcf8ec;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    border-right: 1px solid #e5e5e5;
    text-align: center;
}

section.comm_container table tbody tr td {
    padding: 15px 10px;
    text-align: center; 
    font-size: 15px;
    color: #444;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* ¸ñ·Ï Á¦¸ñ ºÎºÐ ¿ÞÂÊ Á¤·Ä */
section.comm_container table tbody tr td.title {
   text-align: left;
    padding-left: 20px;
    vertical-align: middle;
}
section.comm_container table tbody tr td.title a {
    text-decoration: none;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center;
    gap: 6px; 
}
section.comm_container table tbody tr td.title a:hover {

}
section.comm_container table tbody tr td .lock-icon{
	font-size: 20px; /* ±âÁ¸ À̹ÌÁö¿Í ºñ½ÁÇÑ Å©±â·Î ¼³Á¤ */
  color: #0b57d0; /* ¾ÆÀÌÄÜ »ö»ó (¿øÇϽô »ö»óÀ¸·Î º¯°æ °¡´É!) */
	}
section.comm_container table tbody tr td .new-icon{
	font-size: 22px; /* ±âÁ¸ À̹ÌÁö¿Í ºñ½ÁÇÑ Å©±â·Î ¼³Á¤ */
  color: #cc232a; /* ¾ÆÀÌÄÜ »ö»ó (¿øÇϽô »ö»óÀ¸·Î º¯°æ °¡´É!) */
	}	
section.comm_container table tbody tr td .date{
	display:block;
	text-align:left;
	margin-top:5px;
	font-size:13px;
  color: #333; /* ¾ÆÀÌÄÜ »ö»ó (¿øÇϽô »ö»óÀ¸·Î º¯°æ °¡´É!) */
	}		
section.comm_container table tbody tr td .notice{
	display:block;
	width:90%;
	padding:5px 2px;
	background:#533e29;
	border-radius:3px;
	color:#fff;
	font-size:11px;
	font-weight:400;
	}		
/* Àбâ ÆäÀÌÁö Çì´õ (°øÁö»çÇ× Á¦¸ñ ºÎºÐ) */
section.comm_container table.read thead tr th {
    padding: 15px 20px;
    background: #fcf8ec;
    font-size: 18px;
    text-align: left;
    border-right: none;
    border-bottom: 1px solid #d7ccb5; /* Á¦¸ñ°ú º»¹® »çÀÌ ±¸ºÐ¼± Ãß°¡ Ãßõ! */
    display: flex;
    justify-content: space-between; /* ¾ç ³¡À¸·Î ÂÓ ¹Ð¾î³»±â */
    align-items: center;            /* ¼¼·Î Áß¾Ó Á¤·Ä */
}
section.comm_container table.read thead tr th .subject {

}
section.comm_container table.read thead tr th .meta {
    font-size: 13px;      /* Á¦¸ñº¸´Ù »ì¦ ÀÛ°Ô */
    font-weight: 400;     /* µÎ²²¸¦ ¾ã°Ô Çؼ­ ½Ã¼± ºÐ»ê ¹æÁö */
    color: #888;          /* ¿¶Àº ȸ»öÀ¸·Î ó¸® */
    letter-spacing: 0;
}
/* ¡ÚÇÙ½É ÇØ°á ºÎºÐ: Àбâ ÆäÀÌÁö º»¹®(³»¿ë) */
section.comm_container table.read tbody tr td {
    padding: 40px 20px;  
    text-align: left;    
    border-right: none; 
    border-bottom: none; 
    word-break: keep-all;
    line-height:2;
    font-size:16px;
    color: #333;
    vertical-align: top;  
}
section.comm_container table.read tbody tr td img{
	display:block;
	margin:30px auto;
	max-width: 100%; 
  height: auto;
	}
	
section.comm_container table.write tbody tr td input[type=text],
section.comm_container table.write tbody tr td input[type=password]{
	width:90%;
	border:1px solid #999;
	font-size:16px;
	}
	
section.comm_container table.read tbody tr td div img{
	display:block;
	margin:0 auto 15px auto;
	
	}	


section.comm_container table.write tbody tr th {
    padding: 15px 20px;
    background: #fcf8ec;
    font-size: 16px;
    text-align: center;
    align-items: center;            /* ¼¼·Î Áß¾Ó Á¤·Ä */
}	
section.comm_container table.write tbody tr td{
		 padding: 15px 20px;
    text-align: left;    
    border-right: none; 
    line-height:2;
    font-size:16px;
    color: #333;
    align-items: center;  
    border-bottom: 1px solid #d7ccb5; /* Á¦¸ñ°ú º»¹® »çÀÌ ±¸ºÐ¼± Ãß°¡ Ãßõ! */
	}
section.comm_container table.write tbody tr td .comment{
	display:block;
	margin-top:5px;
	font-size:13px;
	line-height:1;
	}



/*ÀüÈÄ»çÁø*/
section.comm_container table.after{
	width:95%;
	margin:30px auto 0 auto;
	table-layout:fixed;
	text-align:center;
	border-top:5px solid #d7ccb5;
	border-bottom:2px solid #d7ccb5;
	}

section.comm_container table.after tbody tr td{
	padding-bottom:50px;
	text-align:Center;	
	border-right:0px solid #cdcdcd;
	border-bottom:0px solid #cdcdcd;
	}		
section.comm_container table.after tbody tr td a{
	margin:0 auto;
	display:block;
	font-size:16px;	
	font-weight:400;
	line-height:1.5;
	letter-spacing:-0.05em;
	color:#000;
	text-decoration:none;
	text-align:Center;
	}	
section.comm_container table.after tbody tr td a img{
	display:block;
	width:90%;
	height:auto;
	margin:0 auto 10px auto;
	}

	
/*pass*/
section div.passwrap{
	width: 90%;
  margin: 50px auto; 
  padding: 50px 0;
  border: 1px solid #d7ccb5;
  background-color: #fff; 
  display: flex;
  flex-direction: column; 
  align-items: center;   
	}	
section div.passwrap .lock-icon {
    font-size: 100px; /* ¾ÆÀÌÄÜ Å©±â */
    color: #d7ccb5; /* ¾ÆÀÌÄÜ »ö»ó  */
    margin-bottom: 20px;
}		
section div.passwrap p{
	 text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  margin: 0 0 30px 0;
  word-break: keep-all; /* ÅؽºÆ® ÁÙ¹Ù²Þ ±ò²ûÇÏ°Ô */	
	}	
section div.passwrap input[type=password]{
	display: block;
  width: 50%;
  padding: 12px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
	}


section div.rev_passwrap{
	position:Relative;
	width:800px;
	height:auto;
	border:1px solid #83c5be;
	background:url(../board/img/pass_lock.png) center 50px no-repeat;
	margin:100px auto 0 auto;
	overflow:hidden;
	}	
section div.rev_passwrap p{
	width:80%;
	height:auto;
	overflow:hidden;
	text-align:Center;
	
	font-size:1.8rem;
	font-weight:400;
	line-height:1.5;
	color:#000;
	margin:150px auto 0 auto;
	}	
	
	

section div.rev_passwrap input[type=password]{
	display:block;
	width:50%;
	margin:20px auto 0 auto;
	text-align:center;
	}
	
		
	

/*search*/
section div.search{
	position:relative;
	width:95%;
	height:auto;
	margin:20px auto 0 auto;
	background:#eee;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	}
section div.search select{
	width:20%;
	font-size:16px;
	margin-right:10px;
	}
section div.search input[type=text]{
	width:50%;
	margin-right:10px;
	height:35px;
	}
section div.search a.search,
section div.search input[type=button].search{
	display:inline-block;
	width:70px;
	height:35px;
	background:#666;
	color:#fff;
	font-weight:600;
	font-size:14px;
	line-height:2.3;
	overflow:hidden;
	text-align:center;
	border:0;
	cursor:pointer;
	}


	
/*form*/
input {
	font-size:1.6rem;
	
	font-weight:600;
	line-height:1.5;
	color:#000;
	}	
input[type=text],
input[type=password], 
input[type=number]{
	height:28px;
	padding:5px;
	border:1px solid #ddd;
	}	
input[type=file]{
	display:block;
	height:28px;
	padding:5px;
	border:1px solid #ddd;
	margin-bottom:10px;
	margin-left:20px;
	font-weight:400;
	font-size:1.6rem;
	}		
input[type=radio] {
	width:25px;
	height:25px;
	border:1px solid #ddd;
	vertical-align:-5px;
	margin-right:5px;	
	}	
input[type=checkbox] {
	width:25px;
	height:25px;
	border:1px solid #ddd;
	vertical-align:-5px;
	margin-right:5px;	
	}	
		
select {
	display:inline-block;
	width:100px;
  height: 35px;
  padding-left: 10px ;
  padding-right: 10px;
  border:1px solid #ddd;
  font-size:1.6rem;
  line-height:2;
  vertical-align: top;
	}
select.after{
	width:320px;
	}
select.timesel{
	width:400px;
	}
	
		
textarea {
	width:90%;
	padding:15px;
	min-height:200px;
	border:1px solid #ddd;
	font-size:1.8rem;
	
	font-weight:600;
	line-height:1.5;
	color:#333;
	}
	
textarea.rev::-ms-input-placeholder { color: #f00; }
textarea.rev::-webkit-input-placeholder { color: #f00; } 
textarea.rev::-moz-placeholder { color: #f00; }



sup{
	color:#f07168;
	margin-left:5px;
	font-weight:700;
	line-height:1;
	}
	
	

div.btn_wrap {
    display: flex;
    justify-content: center; /* ¹öÆ°µéÀ» °¡·Î Áß¾ÓÀ¸·Î */
    align-items: center;     /* ¹öÆ°µéÀ» ¼¼·Î Áß¾ÓÀ¸·Î */
    gap: 10px;               /* ¹öÆ° »çÀÌÀÇ °£°ÝÀ» ÇÑ °÷¿¡¼­ °ü¸® */
    width: 100%;
    margin: 80px auto 0;     /* À§ÂÊ ¿©¹é Á¶Àý (µðÀÚÀο¡ µû¶ó °¡°¨) */
    height: 70px;
}

/* °øÅë ¹öÆ° ½ºÅ¸ÀÏ */
div.btn_wrap a,
div.btn_wrap input[type=button] {
    display: flex;           /* ¹öÆ° ³»ºÎ ÅؽºÆ® Á¤·ÄÀ» À§ÇØ flex »ç¿ë */
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 45px;            /* ³ôÀ̸¦ »ì¦ Å°¿ö ÅÍÄ¡/Ŭ¸¯ ÆíÀǼº Áõ´ë */
    background: #533e29;
    color: #fff;
    font-size: 16px;
    font-weight: 500;        /* °¡µ¶¼ºÀ» À§ÇØ µÎ²² »ì¦ Á¶Àý */
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease, opacity 0.2s; /* ºÎµå·¯¿î È¿°ú */
    border:0;
    cursor:pointer;
}

/* ȸ»ö ¹öÆ° ½ºÅ¸ÀÏ (¸ñ·Ï°¡±â, Ãë¼Ò µî) */
div.btn_wrap a.btn_g {
    background: #eeeeee;
    color: #333;
}

/* È£¹ö È¿°ú: »ç¿ëÀÚ°¡ ¹öÆ° À§¿¡ ÀÖÀ½À» ÀÎÁöÇÏ°Ô ÇÔ */
div.btn_wrap a:hover {
    opacity: 0.9;
    /* ȤÀº ƯÁ¤ »öÀ¸·Î º¯ÇÏ°Ô ¼³Á¤ */
    /* background: #3e2e1f; */
}

div.btn_wrap a.btn_g:hover {
    background: #e2e2e2;
}




.pagi {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; /* ¾ÆÀÌÅÛ »çÀÌ °£°Ý */
    margin-top: 50px;
    height: 40px;
}

/* ¼ýÀÚ ¹× È­»ìÇ¥ °øÅë ½ºÅ¸ÀÏ */
.pagi a, 
.pagi strong {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    border-radius: 4px; /* ¾à°£ÀÇ °î¼±À¸·Î ´õ ¼¼·ÃµÇ°Ô */
    transition: all 0.2s ease;
    box-sizing: border-box;
    cursor:pointer;
}

/* ÀÏ¹Ý ¼ýÀÚ ¸µÅ© ½ºÅ¸ÀÏ */
.pagi a {
    color: #533e29;
    background: #fff;
    border: 1px solid #d7ccb5;
}

/* ÇöÀç ÆäÀÌÁö(strong) ¹× È£¹ö È¿°ú (°øÅë °ü¸®) */
.pagi strong,
.pagi a.now,
.pagi a:hover {
    color: #fff;
    background: #d7ccb5;
    border-color: #d7ccb5;
}

/* È­»ìÇ¥ ¹öÆ° (óÀ½, ³¡, ÀÌÀü, ´ÙÀ½) °øÅë */
.pagi a:is(.first, .last, .prev, .next) {
    background-color: #eee;
    border-color: #ddd;
    background-repeat: no-repeat;
    background-position: center;
}

/* È­»ìÇ¥ °³º° ¾ÆÀÌÄÜ */
.pagi a.first { background-image: url('../board/img/num_ar1.png'); }
.pagi a.prev  { background-image: url('../board/img/num_ar2.png'); }
.pagi a.next  { background-image: url('../board/img/num_ar3.png'); }
.pagi a.last  { background-image: url('../board/img/num_ar4.png'); }

/* È­»ìÇ¥ È£¹ö ½Ã */
.pagi a:is(.first, .last, .prev, .next):hover {
    background-color: #e0e0e0;
    border-color: #ccc;
}
	
	
/*°³ÀÎÁ¤º¸*/
div.privacy {
	width:70%; 
	height:900px;	
	margin:100px auto 0 auto;
	}	
div.privacy textarea{
	width:100%;
	height:850px;
	font-weight:400;
	font-size:1.6rem; 
	}
	
	

/*À̺¥Æ®*/
/* ¸ÞÀÎ ¼½¼Ç ±âº» ¼³Á¤ (±âÁ¸ À¯Áö) */


/* Grid¸¦ È°¿ëÇÑ ÇÑ ÁÙ 3°³ ¹èÄ¡ */
section.price div {
    max-width: 1240px; /* Àüü ÃÖ´ë °¡·Î Æø */
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Á¤È®È÷ 3µîºÐ */
    gap: 40px; /* À§¾Æ·¡, ¾ç¿· ¾ÆÀÌÅÛ »çÀÌ °£°Ý ÀÏ°ý Àû¿ë */
    padding: 0 20px; /* È­¸éÀÌ ÀÛ¾ÆÁú ¶§¸¦ ´ëºñÇÑ ¾ç¿· ¾ÈÀü ¿©¹é */
}

/* °³º° ¾ÆÀÌÅÛ(a ű×) Ä«µå ½ºÅ¸ÀÏ */
section.price div a {
    display: flex;
    flex-direction: column; /* À̹ÌÁö-ÅؽºÆ®¸¦ À§¾Æ·¡·Î ÀÚ¿¬½º·´°Ô ¹èÄ¡ */
    background: #fff;
    text-decoration: none;
    border-radius: 12px; /* ¸ð¼­¸®¸¦ »ì¦ µÕ±Û°Ô (¿äÁò Æ®·»µå) */
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); /* ºÎµå·¯¿î ±×¸²ÀÚ */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* È£¹ö ¾Ö´Ï¸ÞÀÌ¼Ç */
}

/* ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ »ì¦ ¶°¿À¸£´Â È¿°ú */
section.price div a:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* À̹ÌÁö ½ºÅ¸ÀÏ: ºñÀ² À¯ÁöÇÏ¸ç ²Ë Ã¤¿ì±â */
section.price div a img {
    width: 100%;
    aspect-ratio: 1 / 1; /* °¡·Î¼¼·Î 1:1 Á¤»ç°¢Çü ºñÀ² °íÁ¤ */
    object-fit: cover; /* À̹ÌÁö°¡ Âî±×·¯ÁöÁö ¾Ê°í ¿µ¿ª¿¡ ²Ë Â÷°Ô À߸² */
    display: block;
}

/* ÅؽºÆ® ¿µ¿ª ½ºÅ¸ÀÏ */
section.price div a span.t {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 110px; /* À̹ÌÁö°¡ Ä¿Á³À¸¹Ç·Î ÅؽºÆ® ¿µ¿ªµµ Á¶±Ý Å°¿ò */
    background: #E5E4CE;
    color: #533E29;
    font-size: 18px; /* ±ÛÀÚ Å©±â È®´ë */
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.03em;
    border-top: 1px solid #ddd;
}

/* °¡°Ý ÅؽºÆ®(b ű×) °­Á¶ */
section.price div a span.t b {
    display: block;
    font-weight: 700;
    font-size: 24px; /* °¡°Ý Å©±â È®½ÇÇÏ°Ô È®´ë */
    margin-top: 6px;
}	
	
	
	
	
	
/* =========================================
   °øÅë ¼³Á¤ (Æû ¿ä¼Ò Å©±â °è»ê ÃÖÀûÈ­)
   ========================================= */
/* input, textarea µîÀÇ Å©±â¸¦ Æеù Æ÷ÇÔÇÏ¿© Á¤È®ÇÏ°Ô °è»êÇϵµ·Ï ÇÕ´Ï´Ù. */
#login *, #login2 *, #join_box *, #join_box2 *, #join_box3 * {
    box-sizing: border-box;
}

/* =========================================
   1. ·Î±×ÀÎ ¹Ú½º (#login)
   ========================================= */
#login {
    position: relative;
    width: 90%;
    margin: 50px auto 0;
    padding:10px;
    border: 5px solid #cbcbcb;
    border-radius: 10px; /* ¿äÁò Æ®·»µå¿¡ ¸Â°Ô ¸ð¼­¸®¸¦ »ì¦ µÕ±Û°Ô */
}
#login div.input_box form {
    display: flex;
    justify-content: center; /* °¡¿îµ¥ Á¤·Ä */
    align-items: stretch;    /* ¹öÆ° ³ôÀÌ ¸ÂÃß±â */
    gap: 15px;               /* ÀÔ·ÂÄ­°ú ¹öÆ° »çÀÌ °£°Ý */
    width:90%;
}
/* ÀÔ·ÂÆû°ú ¹öÆ°À» °¡·Î·Î Á¤·Ä (Flexbox) */
#login div.input_box {
    display: flex;
    justify-content: center; /* °¡¿îµ¥ Á¤·Ä */
    align-items: stretch;    /* ¹öÆ°ÀÇ ³ôÀÌ°¡ ÀÔ·ÂÄ­ ³ôÀÌ¿¡ ¸ÂÃç ²Ë Â÷°Ô ´Ã¾î³² */
    gap: 15px;               /* ÀÔ·ÂÄ­°ú ¹öÆ° »çÀÌÀÇ °£°Ý */
    width: 100%;
    margin: 40px auto;       /* À§¾Æ·¡ ¿©¹é Á¶Àý */
}

/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ÀÔ·Â ¸®½ºÆ® */
#login div.input_box ul {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#login div.input_box ul li {
    display: flex;
    align-items: center;
}

#login div.input_box ul li label {
    font-size: 15px;
    width: 80px; /* ¶óº§ ³Êºñ °íÁ¤À¸·Î ÀÎDz ½ÃÀÛ¼± ¸ÂÃã */
}

#login div.input_box ul li input {
    flex: 1; /* ³²Àº °ø°£ ²Ë ä¿ì±â */
    width:110px;
    height: 45px;
    padding: 10px;
    border: 1px solid #cdcdcd;
    background: #f7f7f7;
    border-radius: 4px;
}

/* ·Î±×ÀÎ ¹öÆ° */
#login div.input_box div.loginbtn {
    width: 80px;
}

#login div.input_box div.loginbtn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; /* ¹öÆ° ÅؽºÆ® ¿µ¿ª ²Ë ä¿ì±â */
    background: #131417;
    color: #fff;
    font-size: 20px;
    font-weight: 600; /* ±Û¾¾¸¦ »ì¦ ´õ µÎ²®°Ô */
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.2s;
}
#login div.input_box div.loginbtn a:hover { background: #333; }

/* =========================================
   2. ·Î±×ÀÎ ÇÏ´Ü ¸µÅ© (#login2)
   ========================================= */
#login2 {
    max-width: 650px;
    width: 100%;
    margin: 20px auto;
}

#login2 ul.link_box {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 0;
    list-style: none;
}

#login2 ul.link_box li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 45px;
    font-size: 15.5px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: opacity 0.2s;
}
#login2 ul.link_box li a:hover { opacity: 0.8; }

#login2 ul.link_box li.btn1 a { background: #ff6fad; } /* ºÐÈ«»ö ¸µÅ© */
#login2 ul.link_box li.btn2 a { background: #131417; } /* °ËÀº»ö ¸µÅ© */
#login2 ul.link_box li.btn3 a { background: #ccc; }    /* ȸ»ö ¸µÅ© */


/* =========================================
   3. ȸ¿ø°¡ÀÔ ¾à°ü/¾È³» (#join_box)
   ========================================= */
#join_box {
    max-width: 1000px;
    width: 100%;
    margin: 50px auto;
}

#join_box h3 {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 30px;
}

#join_box textarea {
    width: 100%;
    height: 150px;
    padding: 15px;
    border: 1px solid #d8d7d9;
    color: #0c1f2d;
    font-size: 1.5rem;
    font-family: 'Pretendard', sans-serif;
    font-weight: 200;
    resize: vertical; /* ¼¼·Î·Î¸¸ Å©±â Á¶Àý °¡´ÉÇÏ°Ô */
}


/* =========================================
   4. ȸ¿ø°¡ÀÔ ÀÔ·Â Æû (#join_box2)
   ========================================= */
#join_box2 {
    max-width: 1000px;
    width: 98%;
    padding: 40px;
    margin: 0 auto;
    border: 5px solid #cbcbcb;
    border-radius: 10px;
}

#join_box2 p.jointitle2 {
    font-size: 25px;
    color: #0c1f2d;
    margin-bottom: 20px;
    font-weight: bold;
}

#join_box2 .input_box {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* °¢ ÀÔ·Â ÁÙÀ» Flexbox·Î °¡·Î ¹èÄ¡ */
#join_box2 .input_box li {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    border-bottom: 1px dashed #d8d7d9;
}

#join_box2 .input_box li label {
    width: 150px; /* ¶óº§ ±æÀÌ °íÁ¤À¸·Î ±ò²ûÇÑ Á¤·Ä */
    font-weight: 500;
    flex-shrink: 0;
}

#join_box2 .input_box li input[type="text"],
#join_box2 .input_box li input[type="password"] {
    width: 100%;
    max-width: 350px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #d8d7d9;
    border-radius: 4px;
}

#join_box2 .input_box li a.idcheck {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    margin-left: 10px;
    background: #9199d4;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
}


/* =========================================
   5. ȸ¿ø°¡ÀÔ ¿Ï·á/ÇÏ´Ü ¹öÆ° (#join_box3)
   ========================================= */
#join_box3 {
    width: 90%;
    margin: 80px auto;
    padding: 10px 0;
    border: 5px solid #cbcbcb;
    border-radius: 10px;
}

#join_box3 p.jointitle3 {
    font-size: 20px;
    text-align: center;
    color: #131417;
    margin-bottom: 40px;
}

#join_box3 .link_box {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0;
    list-style: none;
}

#join_box3 .link_box li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 55px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    border-radius: 8px;
    transition: opacity 0.2s;
}
#join_box3 .link_box li a:hover { opacity: 0.8; }

#join_box3 .link_box li a.link1 { background: #533e29; }
#join_box3 .link_box li a.link2 { background: #aaa; }



/* °Ë»öâ Àüü ¿µ¿ª */
#search_box {
    position: relative;
    width: 95%; /* ¸ð¹ÙÀÏ È­¸éÀÇ 95% Â÷Áö */
    margin: 30px auto 0 auto; /* »ó´Ü ¿©¹é ¸ð¹ÙÀÏ¿¡ ¸Â°Ô Ãà¼Ò */
}

/* °Ë»öâ ŸÀÌƲ */
#search_box h3 {
    text-align: center;
    font-size: 18px; /* ÆùÆ® Å©±â »ì¦ Ãà¼Ò */
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 15px;
    color: #333;
}

/* ÀÔ·ÂÄ­°ú ¹öÆ°À» °¨½Î´Â ¹Ú½º */
#search_box > .input_box {
    width: 100%;
    height: auto; /* °íÁ¤ ³ôÀÌ Á¦°Å (¾È¿¡ ³»¿ë¹°¸¸Å­ ´Ã¾î³²) */
    padding: 20px 15px; /* ¾ÈÂÊ ¿©¹éÀ» ÁÖ¾î ´ä´äÇÏÁö ¾Ê°Ô ÇÔ */
    border: 3px solid #f1f1f1; /* Å׵θ® µÎ²² »ì¦ ¾ã°Ô Á¶Àý */
    box-sizing: border-box; /* ÆеùÀÌ °¡·Î »çÀÌÁ ³ÑÁö ¾Ê°Ô ¹æÁö */
    
    /* ¿ä¼ÒµéÀ» À§¾Æ·¡·Î ¹èÄ¡Çϱâ À§ÇØ Flexbox »ç¿ë */
    display: flex;
    flex-direction: column; 
    gap: 15px; /* ÀÔ·ÂÄ­°ú ¹öÆ° »çÀÌÀÇ °£°Ý */
}

/* ul ¼³Á¤ */
#search_box > .input_box ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* °¢ ÀÔ·Â ¸®½ºÆ® */
#search_box > .input_box ul li {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-between; /* ÅؽºÆ®¿Í ÀÔ·ÂÄ­À» ¾çÂÊÀ¸·Î Á¤·Ä */
    align-items: center; /* ¼¼·Î Áß¾Ó Á¤·Ä */
    margin-bottom: 10px; /* ÀÔ·ÂÄ­ »çÀÌ °£°Ý */
    font-size: 15px;
}

/* ¸¶Áö¸· li´Â ¹Ø ¿©¹é Á¦°Å */
#search_box > .input_box ul li:last-child {
    margin-bottom: 0;
}

/* ÅؽºÆ® ÀÔ·ÂÄ­ (input) */
#search_box > .input_box ul li input {
    width: 70%; /* ¶óº§ ¿µ¿ªÀ» Á¦¿ÜÇÏ°í 70% Â÷Áö */
    height: 40px; /* ÅÍÄ¡Çϱâ ÆíÇÏ°Ô ³ôÀ̸¦ »ì¦ Å°¿ò */
    color: #1a1e28;
    border: 1px solid #d8d7d9;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 4px; /* ¸ð¹ÙÀϽº·´°Ô ¸ð¼­¸® µÕ±Û°Ô (¼±ÅûçÇ×) */
    font-size:16px;
}

/* ±âÁ¸ btn_box ¿µ¿ª Á¦°Å ´ëºñ ¼³Á¤ */
#search_box > .input_box > .btn_box {
    width: 100%;
    height: auto;
    margin: 0;
}

/* °Ë»ö ¹öÆ° */
#search_box > .input_box a.searchbt {
    display: block;
    width: 100%; /* ¹öÆ°ÀÌ È­¸é °¡·Î·Î ²Ë Â÷°Ô º¯°æ! (¸ð¹ÙÀÏ ±âº» ½ºÅ¸ÀÏ) */
    height: 50px; /* ÅÍÄ¡Çϱâ ÁÁÀº ³ôÀÌ */
    background: #131417;
    color: #fff;
    text-align: center;
    line-height: 50px; /* ±ÛÀÚ ¼¼·Î Áß¾Ó Á¤·ÄÀ» À§ÇØ ³ôÀÌ¿Í µ¿ÀÏÇÏ°Ô ¸ÂÃã */
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px; /* ¸ð¼­¸® µÕ±Û°Ô (¼±ÅûçÇ×) */
    margin-top: 10px;
}