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

/* line-height ¸¦ ÁÖÁö¸¶¼¼¿ä */

body, td, th, input, form, textarea, pre, select , p {
	font-size : 12px;
	color: #b8b8b8;
	font-family : gulim, dotum, serif;
	padding:0px;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #ADBCC5; 
	scrollbar-highlight-color: #ADBCC5; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #ADBCC5;
}

p { margin:0px; }
 
img,table {
	border:0px;
	padding:0; 
	border-spacing:0px; 
	border-collapse:collapse;
	}

b {letter-spacing:-1px;}
 
a:link {
	color: #ee3972;
	text-decoration:none;

}
 
a:visited {
	color: #ee3972;
	text-decoration:none;
}
 
a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.idpwform{
	border-width:1px;
	border-color:#D6E2E4;
	border-style:solid;
	font-size:9pt;
	background-color:#FFFFFF;
	}
.form{
	border-width:1px;
	border-color:#dd7192;
	border-style:solid;
	font-size:9pt;
	background-color:transparent;
	}


.hform{
	font-family:  "±¼¸²";
	font-size: 10pt;
	color: #967E65;
	line-height: 120%;
	border: 0px solid ;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #967E65;
	border-right-color: #967E65;
	border-bottom-color: #967E65;
	border-left-color: #967E65;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color:transparent;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #967E65; 
	scrollbar-highlight-color: #967E65; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #967E65;

}

.clear{clear:both;}

.pd50{
       padding-right:12;
       padding-bottom:50;
	   }

.pd10{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	}
.pd20{
	padding-top:20px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	}
.pd_tb5{
	padding-top:5px;
	padding-bottom:5px;
	}	
.pd_tb2{
	padding-top:2px;
	padding-bottom:2px;
	}		
.pd_l8{
	padding-left:8px;
	}
.pd_l5{
	padding-left:5px;
	}
.pd_r5{
	padding-right:5px;
	}	
.pd_l12{
	padding-left:12px;
	}	
.mr4{
	margin-right:4px;
	}	
.pd_r8{
	padding-right:8px;
	}
.pd_t5{
	padding-top:5px;
	}
.t_l19{
	padding-left:19px;
	}	
.c_l19{
	padding-left:19px;
	padding-right:36px;
	height:400px;
	}		
.pd8{
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	}
.pd3{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	}
.pd5{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	}
.pd1{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	}
	
.fc_w{
	color:#FFFFFF;
	}
.b{
	font-weight:bold;
	}
	
.td_ly{
	border-bottom:1 solid #42CC92;
	border-left:1 solid #42CC92;
	border-right:1 solid #42CC92;
	border-top:1 solid #42CC92;
}
.td_tr{
	border-right:1 solid #cccccc;
	border-top:1 solid #cccccc;
}
.td_trl{
	border-left:1 solid #cccccc;
	border-right:1 solid #cccccc;
	border-top:1 solid #cccccc;
}

.tb_b{
	border-bottom:1 solid #9AA84E;
}
.border{
	border:1 solid #999999;
	}



.clinic_b{
	border:1 solid #999999;
	}	
	
.bdb{
		border:1 solid #000000;
		}
	
.sb{
	border:1 solid #4B0FAF;
	}	
/*ÆùƮĮ¶ó*/
.style1 {color: #626262;}
.style2 {color: #0e98d2;}
.style3 {color: #e54ba2;}
.style4 {color: #0A6941;}
.style5 {color: #009999;font-weight: bold;}
.style6{color:#ef3770;}
.style7{color:#339900; font-weight: bold;}
.style8 {color: #6486A7; }
.style9 {color: #668A45; font-weight: bold; }
.style10 {color: #FF9900 ; font-weight: bold;}
.style11 {color: #FF0000;}
.style12 {color:#588442;}
.style13 {color:#61571A;font-size:16px;}
.style14 {color:#C4382D; font-weight: bold;}

/*ÆùƮĮ¶ó ³¡*/
.dotline {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
}
.dotline_bottom {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.ssf{
font-size:10px;
}
.sf{
font-size:11px;
}
.sfb{
font-size:11px;
color:#000000;
font-weight:bold;
}
.sf11{
font-size:11px;
color:#ffffff;
}
.sf12{
color:#959595;
}
.sfb1{
font-weight:bold;
color:#A38160;
}


.plh{
line-height:130%;
}

/*navi*/
.navi{
	font-size:11px;
	color:#838383;
}
a.navi:link{
	color:#838383;
	text-decoration:none;
	font-size:11px;
	padding-left:5px;
}

a.navi:hover{
	color:#838383; 
	text-decoration:none;
	font-size:11px;
	padding-left:5px;
}

a.navi:visited{
	color:#838383;
	text-decoration:none;
	font-size:11px;
	padding-left:5px;
}

a.notice:link{
	color:#28596f;
	text-decoration:none;
	font-size:11px;
	padding-left:5px;
}

a.notice:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-size:11px;
	padding-left:5px;
}

a.notice:visited {
	color:#28596f;
	text-decoration:none;
	font-size:11px;
	padding-left:5px;
}

a.automenu:link {
	color:#1296cb;
	text-decoration:none;
	font-size:11px;
	padding-left:5px;
}

a.automenu:hover {
	color:#16b1ef;
	text-decoration:underline;
	font-size:11px;
	padding-left:5px;
}

a.automenu:visited {
	color:#1296cb;
	text-decoration:none;
	font-size:11px;
	padding-left:5px;
}

/*ÀÚµ¿»ý¼º ³¡*/
.hon01 {
	background-color:#000000;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
}

.hon02 {
	background-color:#311C31;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
	text-align:center;
	font-weight:bold;
}

.hon03 {
	background-color:#553F5A;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
	text-align:center;
}


#main-aside {
	display:table;
	position:relative;
	width:400px;
	height:669px;
}
.main-visual {
	position:relative;
	z-index:1;
	width:400px;
	height:669px;
}

.logo-section {
	position:absolute;
	z-index:101;
	width:360px;
	top:20px;
	left:20px;
}
.logo-section .logo-brand {
	float:left;
	display:block;
	border:0;
}
.logo-section .util-menu {
	float:right;
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
}
.logo-section .util-menu a {
	display:inline-block;
	margin:0px 5px;
	line-height:24px;
	letter-spacing:-0.5px;
	font-family:san-serif;
	font-size:11px;
	color:#777;
	text-decoration:none;
	border:0;
}
.logo-section .util-menu a:hover {
	color:#fff;
}

.main-best-visual {
	position:absolute;
	z-index:105;
	top:100px;
	left:-103px;
	width:718px;
	height:311px;
	text-align:left;
}

.sub-logo {
	display:block;
	margin:40px auto;
	text-align:center;
}
.sub-side {
	position:relative;
	width:195px;
	height:100%;
	vertical-align:top;
	text-align:center;
	background:url(/img/sm_bg_long.gif) repeat-x 0 0;
}
.sub-side-head {
	position:relative;
	width:195px;
	height:306px;
	display:table;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:0 0;
}
.sheadbg-company {
	background-image:url(/img/sub_img_company.jpg);
}
.sheadbg-sound {
	background-image:url(/img/sub_img_sound.jpg);
}
.sheadbg-light {
	background-image:url(/img/sub_img_lighting.jpg);
}
.sheadbg-stage {
	background-image:url(/img/sub_img_stage.jpg);
}
.sheadbg-screen {
	background-image:url(/img/sub_img_screen.jpg);
}
.sheadbg-effect {
	background-image:url(/img/sub_img_effect.jpg);
}
.sheadbg-laser {
	background-image:url(/img/sub_img_laser.jpg);
}
.sheadbg-board {
	background-image:url(/img/sub_img_cm.jpg);
}