@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body{
	font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
	font-size: 12px; color: #666666; margin: 0px; line-height:17px;
}

html,body,p, input, select, form, label, mark, ul, ul li, ol, ol li, dl, dl dt, dl dd, img, a, table, h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
}


/*body	{ font-family: "±¼¸²", "Arial"; font-size: 12px; color: #666666; margin: 0px; line-height:17px; }*/
/*table	{ font-family: "±¼¸²", "Arial"; font-size: 12px; color: #666666; }*/
td	{
	/*font-family: "±¼¸²", "Arial";*/
	font-size: 12px;
	color: #666666;
	line-height:1.5em;
}

select	{ font-size: 12px; color: #333333; }
textarea{
	font-size: 12px;
	color: #666666;
	border: 1px solid #CCCCCC;
}
a:link { text-decoration: none; color: #666666;  }
a:visited { text-decoration: none; color: #666666;  }
a:active { text-decoration: none; color: #b56a6a;  }
a:hover { text-decoration: underline; color:#CC9900; }

ul {list-style:none;margin:0px; padding:0px;}

.input	{  font-size: 12px; color: #666666; Border:1px SOLID #999999;}

input	{
	
	BACKGROUND-COLOR: #FFFFFF;

}

/* INPUT */
INPUT.Basic { font-size:9pt; border:1px solid #CDCCCC; color: #666666; height:20px; padding-top:3; padding-left:3; padding-right:3;}
INPUT.Button { font-size:9pt; border:1px solid #1E7558; color: #FFFFFF; height:20px; padding-top:3; padding-left:3; padding-right:3; background-color:#289C75;}
INPUT.Style_1 {  font-size:9pt; border:1px solid #CDCCCC; color: #666666; }


.popinput	{
	font-size: 12px; border:1px none; color: #FFFFFF; height:20px; padding-top:0; padding-left:0; padding-right:0; background-color:#969174;

}

ÅؽºÆ®ÀÚ°£Á¼È÷±â
.headtitle  a:link {
	text-decoration: none;
	color: #666666;
	
	letter-spacing: -1px;
}
.headtitle  a:visited { text-decoration: none; color: #666666;  letter-spacing:-1px;}
.headtitle  a:active { text-decoration: none; color: #666666;  letter-spacing:-1px;}
.headtitle  a:hover { text-decoration: underline; color:#666666;  letter-spacing:-1px;}

¿ÞÂʸ޴º
.menu a:link { text-decoration: none; color: #ffffff;  }
.menu a:visited { text-decoration: none; color: #ffffff;  }
.menu a:active { text-decoration: none; color: #666666;  }
.menu a:hover { text-decoration: none; color:#666666;  font-weight:bold;}

¿ÞÂÊ2depth¸Þ´º
.menus {
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;


}
.menus a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;


}
.menus a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
}
.menus a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
}
.menus a:hover {
	color:#FFFF66;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
}


º»¹®url¸µÅ©
.link a:link { text-decoration: none; color: #6CA847;  }
.link a:visited { text-decoration: none; color: #6CA847;  }
.link a:active { text-decoration: none; color: #6CA847;  }
.link a:hover { text-decoration: none; color:#ffffff;  background-color:#64B931;}

º»¹®ÀϹÝÅؽºÆ®¸µÅ©
.text a:link { text-decoration: none; color: #666666;  }
.text a:visited { text-decoration: none; color: #666666;  }
.text a:active { text-decoration: none; color: #666666;  }
.text a:hover { text-decoration: underline; color:#64B931; }

GNBÀϹÝÅؽºÆ®¸µÅ©
.gtext a:link { text-decoration: none; color: #666666;  }
.gtext a:visited { text-decoration: none; color: #666666;  }
.gtext a:active { text-decoration: none; color: #666666;  }
.gtext a:hover { text-decoration: underline; color:#273779; }

GNB¶óÀÎÀÖ´ÂÅ×À̺í¼ÓÅؽºÆ®¸µÅ©
.gtexts a:link { text-decoration: none; color: #666666;  }
.gtexts a:visited { text-decoration: none; color: #666666;  }
.gtexts a:active { text-decoration: none; color: #666666;  }
.gtexts a:hover { text-decoration: none; color:#273779; }
.bgunrepeat {
	background-repeat: repeat-x;

}
.bg {
	background-repeat: repeat-x;
}
.boxbottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6C6C6;
}
.copyright {
	font-family: "µ¸¿ò";
	font-size: 11px;
	line-height: 1.3em;

}
.txteng {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	color: #FFFFFF;
}
.checkbox {
	
	color: #666666;
	border: 1px none;
}

.subtxt {
	
	color: #666666;
	font-size:12px;
	border: 1px none;
}
.sitemap {
	
	color: #666666;
	font-size:12px;
	padding-left:10px;
	text-align:left;
	
}
.sitemap_title {
	
	color: #A17223;
	font-size:12px;
	font-weight:bold;
	text-align:center;

}

.small {
	
	color: #404040;
	font-size:11px;
	letter-spacing:-1px;
}





/*2021-12-28 »çÀÌÆ® ¹ÝÀÀÇü º¯°æ  */
/*Çì´õ*/

.header_logo_area2{ position: relative; display: none; padding: 10px; }
.header_logo_area2 ul li.left_menu{ position: absolute; top:15px; }
.header_logo_area2 ul li.left_menu img{ width:30px; height:30px;}
.header_logo_area2 ul li.logo{ text-align: center; }

#backlayer{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; display: none; z-index: 99;}
.mdisplay{ display: none !important; }

#drawer-nav{ background-color: #fff; width: 15rem; height: 100vh; overflow-y: auto; position: fixed; top: 0; z-index: 100; left: -260px; display: none;}
#drawer-nav .left-nav-wrap{ background-color: #555243; color: #fff; font-size: 1rem; padding: 0.5rem 1rem 0.5rem 1rem; font-weight: bold; }
#drawer-nav .left-nav-top{ text-align: center; position: relative; padding: 1rem 0.8rem 0.8rem 0.8rem; background-color: #fdfdf1; }
#drawer-nav .left-nav-top .left-nav-logo { position:relative; margin-bottom: 0.5rem; }
#drawer-nav .left-nav-top .left-nav-logo .left-nav-close{ position:absolute; right: -0.4rem; top: -0.5rem; }
#drawer-nav .left-nav-top .left-nav-logo .left-nav-close img{ width: 1.6rem; }
#drawer-nav .left-nav-menu{ padding-top: 0rem; }
#drawer-nav .left-nav-menu .left-nav-lnb .left-nav-dep1 a.title:before{ content: "¡¤"; margin-right: 0.4rem; }
#drawer-nav .left-nav-menu .left-nav-lnb .left-nav-dep1 a.title{ display: block; padding: 0.5rem 1rem 0.5rem 1rem; overflow: hidden; font-size: 11px; font-weight: bold; border-bottom: 1px solid #ddd; text-decoration: none; }
#drawer-nav .left-nav-menu .left-nav-lnb .left-nav-dep1 .left-nav-box{ display: none; }
#drawer-nav .left-nav-menu .left-nav-lnb .left-nav-dep1 .left-nav-box .left-nav-sub{ border-bottom: 1px solid #ddd; }
#drawer-nav .left-nav-menu .left-nav-lnb .left-nav-dep1 .left-nav-box .left-nav-sub a{ display: inline-block; padding: 0.5rem 0.7rem 0.5rem 1rem; color: #000; width: 70%; vertical-align: middle; }
#drawer-nav .left-nav-menu .left-nav-lnb .left-nav-dep1 .left-nav-box .left-nav-sub ul li:after{ display:inline-block; content: " "; background: url('../../images/common/left-nav-rarrow.png') 100%/100%; width: 20px; height: 20px; margin-right: 0.8rem; vertical-align: middle; }

.header_logo_area1{ max-width : 900px; width : 100%; }
.header_logo_area1 ul.areast{ padding: 10px; }
.header_logo_area1 ul:after{ content:""; clear:both; display:block; }
.header_logo_area1 ul li.left{ float:left; }
.header_logo_area1 .custit{ color:#88887c; font-weight:bold; margin-left: 10px; font-size:8px; vertical-align: middle; }
.header_logo_area1 ul li.right{ float:right; }
.header_logo_area1 input{ vertical-align:middle; }
.header_logo_area1 .alert_btn{ display: inline-block; background-color: #50aac4; padding: 2px 6px; line-height: 12px; color: #fff; border-radius: 2px; font-size: 12px; text-decoration: none; vertical-align: middle; }

/*
.header_menu::-webkit-scrollbar {
	width: 6px;
}
.header_menu::-webkit-scrollbar-thumb {
	height: 10%; 
	background-color: rgba(255,255,255,1); 
	border-radius: 10px;
}
.header_menu::-webkit-scrollbar-track {
	background-color: grey;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}
*/

.header_menu ul:after{
	content:"";
	clear:both;
	display:block;
}
.header_menu ul li.dep1{
	float:left;
	background: repeating-linear-gradient( 135deg, #979476, #979477 4.1px, #b1b1b1 5.7px, #eee 0);
	border-right: 1px solid #eee;
	width: calc((900px - 8px) / 8);
}

.header_menu ul li img{
	width:100%
}
 

.header_menu{ 
	overflow: auto;
}

.header_menu ul.header_lnb{
	display: block;
	width:900px;
	/*margin: 0 auto;*/
	text-align: left;	
	background: repeating-linear-gradient( 135deg, #979476, #979477 4.1px, #b1b1b1 5.7px, #eee 0);
 }
.header_menu ul.header_lnb li a.title{

	display: inline-block;
	/*padding: 10px;*/
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color:#fff;
	text-decoration: none;

	/* °¡¿îµ¥Á¤·Ä Ãß°¡ÇÑ°Å */
	display: table-cell;
	vertical-align: middle;
	height: 32px;
	text-align: center;
	width: 111px;

}
.header_menu ul.header_lnb li a.title:hover{
	color: #f6f61c;
}

.header_menu ul.header_lnb li a.active{
	color: #f6f61c;
}

.lnb-sub-box{
	z-index: 9;
	position: absolute;
	left: 0;
	display:none;
	max-width : 900px;
	width : 100%;
	background: #fff;
	border: 3px solid #CC9900;
	padding: 5px;
	box-sizing: border-box;	
}
.lnb-sub-box a{
	/*color:#000;*/
	color : #fff;
	position: relative;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 0.1rem solid #ddd;
	box-sizing : border-box;
	background: #555243;
	margin-bottom : 3px;
}
/* 2021-12-23 ³ëÀÎ±Ô Ãß°¡ :  */

/* 2021-12-27 ±èÇпµ Çì´õºÎºÐ ¼öÁ¤ */
div.submenu ul{ padding: 10px; list-style: disc; font-size: 0px; }
div.submenu ul li{ display: inline-block; width: calc(100% / 4); }
div.submenu ul li a{ display: inline-block; background-color: #fff; color: #666; border: none; vertical-align: middle; width: 90%; margin-bottom: 0px; }
div.submenu ul li:before{ content: "¡¤"; display: inline-block; font-size: 30px; font-weight: bold; vertical-align: middle; }
.header_logo_area1{ display: block; }

.login_layer_module_section{
	display:none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 999;
	left: 0;
	right: 0;
	background-color: rgba(246, 247, 251, .7);
	
}
.login_layer_module_section > .login_layer_module{
	width: 250px;
	padding: 40px 40px 32px 40px;
	border-radius: 10px;
	box-shadow: 2px 2px 10px 0 rgb(183 183 183 / 50%);
	background-color: #fff;
	position: relative;
	top: 200px;
	left: 33%;	
}
.login_layer_module_section > .login_layer_module ul li{
	margin-bottom: 10px;
}
.login_layer_module_section > .login_layer_module ul.closez{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor:pointer;
}
.login_layer_module_section > .login_layer_module ul.closez img{
	width:25px;	
}

.login_layer_module_section .inputcss{

	text-indent: 16px;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
	background-color: #fff;	
} 
.login_layer_module_section .loginbtn{
	height: 40px;
	margin-top: 10px;
	border-radius: 4px;
	font-size: 14px;
	cursor:pointer;
	color:#000;
	font-weight: 500;
	line-height:40px;
	background-color: #eeeeee;
	text-align:center;
}

/*Çì´õ*/

/*¸ÞÀÎ */
.box_idxarea{
	/*width:900px;*/
	max-width: calc(900px - 0px);
	padding: 0px 0px;
}
.box_in1{
	/*border:Solid 2px #000;*/
	/*border-radius: 10px;*/
	position:relative;
	margin-bottom: 15px;
    padding: 0px 10px 10px 10px;
    /*min-height: 177px;*/
    border-bottom: solid 1px;
    border-top: Solid 1px;
    box-shadow: 0 4px 2px -2px grey;
	text-align:center;
}
.box_in1 .col1{
	 
	/*background: #9c1810;*/
	/*height:300px;*/
    /*float:left;*/
	display:inline-block;
    vertical-align: top;
	margin-top: 10px;
	text-align:center; 
	width: 171px;
	height: 76px;
}
.box_in1 .col1 img{
	max-width: 98%;
	border: Solid 1px #a5a1a1;
	border-radius: 10px;
}
.box_in1 .calc{
	margin-left: 72px;
}

.box_in1:after{	
	content:"";
	clear:both;
	display:block;
}

.box_in2{
	position:relative;
	margin-bottom: 15px;
	padding: 10px;
    border-bottom: solid 1px;
    border-top: Solid 1px;
    box-shadow: 0 4px 2px -2px grey;
}

.box_in2 ul.wraps{
	text-align:center;
}
.box_in2 ul li{
	float:left; 
	width: 33%;
}
.box_in2 ul li img{
	width: 87%;  
	height: 180px;
	border: Solid 1px #a5a1a1;
	border-radius: 10px;
}

.box_in2:after{	
	content:"";
	clear:both;
	display:block;
}

.box_in3{
	position:relative;
	margin-bottom: 15px;
	padding: 10px;
    border-bottom: solid 1px;
    border-top: Solid 1px;
    box-shadow: 0 4px 2px -2px grey;
}
.box_in3 .col3{
	width:50%;
    float:left;
	display:inline-block;
    vertical-align: top;
	margin-bottom: 5px;
	text-align:center;	
}
.box_in3:after{	
	content:"";
	clear:both;
	display:block;
}

.box_in4{
	border:Solid 2px #000;
	border-radius: 10px;	
	position:relative;
	padding: 10px;
}
.box_in4 .col4{
	width:50%;
    float:left;
	display:inline-block;
    vertical-align: top;
	margin-bottom: 5px;
	text-align:center;	
}
.box_in4:after{	
	content:"";
	clear:both;
	display:block;
}

/*2022-04-29 ÀÓº´´ö ¹è³Ê ±úÁöÁö ¾Ê°í ³ª¿À°Ô Çϱâ À§ÇÏ¿© ¼öÁ¤*/
.box_in5{
	position:relative;
	margin-bottom: 15px;
	padding: 10px;
    border-bottom: solid 1px;
    border-top: Solid 1px;
    box-shadow: 0 4px 2px -2px grey;
}

.box_in5 ul.wraps{
	text-align:center;
}
.box_in5 ul li{
	float:left;
	width: 33%;
}
.box_in5 ul li img{
	width: 87%;
	border: Solid 1px #a5a1a1;
	border-radius: 10px;
}

.box_in5:after{	
	content:"";
	clear:both;
	display:block;
}

/*¸ÞÀÎ ½½¶óÀÌ´õ ¹è³Ê */
.renu_main_banner_section{
	/*width : 900px;*/
	max-width : 900px;
	width : 100%;
}
 
/* 2021-12-21 ³ëÀÎ±Ô ¸ÞÀιè³Ê ÀÛ¾÷ */
.re_banner_slide{
	overflow : hidden;
}
.re_banner_slide .re_banner_slider{
	/*2022-04-29 ÀÓº´´ö ¹è³Ê ±úÁöÁö ¾Êµµ·Ï ÁÖ¼®Ã³¸®*/
	/*height : 211px;*/
	display : inline-block;
}
.re_banner_slide .re_banner_slider img{
	/*2022-04-29 ÀÓº´´ö ¹è³Ê ±úÁöÁö ¾Êµµ·Ï ÁÖ¼®Ã³¸®*/
	/*height : 100%;*/
	width : 100%;
}

/*¸ÞÀÎ °Ô½Ã±Û  ¿©ÇàÀ̾߱â , °øÁö»çÇ× , »õ¼Ò½Ä */
div.board_type_def1{
	width: 100%;
}

div.board_type_def1 ul.title{
    text-align: left;
	height:30px;	
    position: relative;
}
div.board_type_def1 ul.title li {
	display:inline-block;
}
div.board_type_def1 ul.title li.imgs {
	width:30px; 
	height:30px;
}
div.board_type_def1 ul.title li.cot{
	width: calc(100% - 35px );
	vertical-align: top;
	
}
div.board_type_def1 ul.title li.botline1{
	border-bottom: solid 2px #83b957;
}

div.board_type_def1 ul.title li.botline2{
	border-bottom: solid 2px #ed1f69;
}
div.board_type_def1 ul.title li.botline3{
	border-bottom: solid 2px #e99556;
}

div.board_type_def1 ul.title li img{
	width:100%;
}

div.board_type_def1 ul.title li span.tit{
	display: inline-block;
}
div.board_type_def1 ul.title li span.tit span.t1{
    font-size: 15px;
    display: block;
    font-weight: bold;
    color: #000;
    letter-spacing: -1.5px;
}
div.board_type_def1 ul.title li span.tit span.t2{

    font-size: 10px;
    display: block;
    font-weight: 300;
    color: #000;
    letter-spacing: -0.5px;

}
div.board_type_def1 ul.title li a.more_btn{
	position:absolute;
	right:10px;
	cursor:pointer;
	bottom:0;
	font-size:10px;
	letter-spacing:0px;
	text-decoration:none;
}

div.board_type_def1 ul.cont{
	text-align:left;
	margin-left: 33px;
	margin-top: 15px;
}
 
 
div.board_type_def1 ul.cont li a{

	background: url('../../images/common/icon_arrow_orange.gif') no-repeat 0 9px;
	display:block;
    padding: 0 0 0 10px;
    color: #555;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -1px;
	text-decoration:none;
    word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*¸ÞÀÎ °Ô½Ã±Û  ¿©ÇàÀ̾߱â , °øÁö»çÇ× , »õ¼Ò½Ä */

/*°¢ °Ô½ÃÆÇ*/
.content_wrap_details img{
	max-width:100%;
}

/*¸ÞÀÎ */


/*ǪÅÍ */
.footer_boxin{
	/*width:900px;*/
	width : 100%;
    background-color: #f5f5e9;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
    border-top: Solid 1px;
    box-shadow: 0 4px 2px -2px grey;
}
.footer_boxin_img_wrap{
	/*width : 900px;*/
	max-width : 900px;
	width : 100%;
}
.footer_boxin:after{
	content:"";
	clear:both;
	display:block;

}
.footer_boxin ul li{
	float:left;
	width:calc(100% / 7);
	text-align:center;
}
.footer_boxin ul li span{
	display : block;
	color : #000;
	font-weight : bold;
	font-size : 13px;
	letter-spacing : -1px;
}
.footer_text_box{
	border-left : 1px solid #c0c0a8;
	padding-left : 15px;
	display : inline-block;
	/*vertical-align:top;*/
	vertical-align:middle;
}
.footer_link_box{
	vertical-align : top;
	color : #969581;
	cursor : pointer;
	display : inline-block;
}
.footer_link_box span{
	color : #969581;
	letter-spacing : -1px;
	font-size : 11px;
	display : inline-block;
	margin-left : 5px;
}
.footer_link_box span:first-child{
	margin-right : 5px;
}
.footer_logo_box{
	padding-right : 15px;
	display : inline-block;
	vertical-align: middle;
}
.footer_text_box p{
	margin : 0px;
	color: #969581;
	font-size : 11px;
	line-height:20px;
}
.footer_text_box p span.policy_btn{
	display : inline-block;
	margin-left : 5px;
	color : #fff;
	background-color : #b3b28c;
	font-size : 11px;
	padding : 0px 5px 1px 5px;
	border-radius : 5px;
	cursor : pointer;
}
.footer_text_box p span{
	font-weight : bold;
}
/* ǪÅÍ */




@media (max-width:1024px){

}


@media (max-width:768px){

	div.submenu ul{ padding: 10px; list-style: disc;}
	div.submenu ul li{ display: block; width: 100%; }
	div.submenu ul li a{ display: block; background-color: #555243; color: #fff; border-bottom: 0.1rem solid #ddd; width: 100%; }
	div.submenu ul li:before{ content: ""; display: none; }
	.header_logo_area1{ display: none; }
	.header_logo_area2{ display: block; }
	#drawer-nav{ display: block; }	
	.mdisplay{ display: block !important; }
	.lnb-sub-box{ display:none !important; }


	.box_in1{
		text-align:center;
	}
	.box_in1 .calc{
		margin-left: 0;
	}

	.left_menu_ctrl{
		display:none;
	}
	
	.idx_contents_wrap{
		padding:10px;
	}
 
	div.board_type_def1 ul.cont li a{
	font-size:11px;
	}


	.footer_link_box{
		display : block;
		text-align : center;
	}

	.footer_logo_box{
		display : block;
		text-align : center;
	}
	.footer_text_box{
		border : none;
		text-align : center;
	}
	/* 2022-04-27 ÀÌÇÑÁÖ ´ëÇ¥´Ô Áö½Ã»çÇ×À¸·Î Çì´õ ¾ø¾îÁö°Ô ¼öÁ¤ */
	.header_menu{
		display : none;
	}

}


@media (max-width:375px){

	.footer_boxin ul li{
		display : inline-block;
		float : none;
		width : calc(100% / 5);
		margin-right : 15px;
	}
	.footer_boxin ul li:nth-of-type(4n){
		margin-right : 0px;
	}

	.footer_boxin ul li:nth-of-type(-n+6){
		margin-bottom : 25px;
	}
 
}

 
 @media (max-width:365px){
	.box_in1 .col1{
	    width: 49%;
	}
	
 }