@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );

body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom:0px;}
td {font-size:9pt; color: #454545; line-height: 20px} 
A:link {color:#4D534D;font-size:9pt;text-decoration:none} 
A:visited {color:#434843;font-size:9pt;text-decoration:none} 
A:active {color:#434843;font-size:9pt} 
A:hover {color:#276194;text-decoration:underline}
img {border:0}
input {border:0;}
textarea.k_text{border:0;width:188px;height:40px;resize: none;}

.box {font-size: 9pt; border:2 solid #e7e7e7;background-color:f7f7f7;  } 
.selectbox {BACKGROUND-COLOR: F5F5F5; COLOR:4E4E4E; font-size:8pt;}
.nonbox {font-size: 9pt; border:0 solid #666666;background-color:white;  } 
.radio {font-size: 9pt; border:0 solid #666666;background-color:white;  } 
.text {font-size: 9pt; border:1 solid #e7e7e7;}
.select {font-size: 9pt; border:0 solid #666666;}
.outset {font-size:9pt;border:1 outset #ffffff;}
.btn {border: 2 solid #565656;font-size:9pt;color:ffffff;background-color:73A9D1;height:22px}
.input{background-color:ffffff;font-family:굴림,Gulim;font-size:12px;color:#636163;border: 1 solid #9C9A9C}
.submit {border:1 solid 1F556A;font-size:9pt;color:white;background-color:50889F;height:19px}
.textarea {border:1 solid 347088;font-size:9pt;color:042330;background-color:white}

ul, li {list-style:none;}


.board_1 {
	font-size: 12px;
	font-family: "나눔고딕";
    color: #3b3b3b;
}

.board_2 {
	font-size: 12px;
	font-family: "나눔고딕";
}

.board_reply {
	font-size: 12px;
	font-family: "나눔고딕";
    color: #a5a5a5;
}

.board_3 {
	font-size: 13px;
	font-family: "나눔고딕";
    color: #5c4f50;
	font-weight:bold;
}

.board_4 {
	font-size: 11px;
	line-height: 16px;
	font-family: "나눔고딕";
    color: #ffffff;
}

.board_5 {
	font-size: 11px;
	line-height: 16px;
	color: #3e3e3e;	
/*	background-color: #ffffff; border: #ffd749 1px solid;*/
}

.board_6 {
	font-size: 11px;
	font-family: "나눔고딕";
    color: #3b3b3b;
}

.board_7 {
	font-size: 11px;
	line-height: 16px;
	color: #3e3e3e;	
	font-weight:bold;
	background-color: #ececec; border: #ffffff 1px solid;
}

.board_9 {
	font-size: 11px;
	font-family: "나눔고딕";
    color: #3b3b3b;
}

.board_noti {
	font-size: 13px;
	font-family: "나눔고딕";
    color: #3b3b3b;
    font-weight:600;
}


@font-face {
    font-family:'ng';
    font-weight: normal;
    font-style: normal;     
    src: url('/font/NanumGothic.eot');
    src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/font/NanumGothic.woff') format('woff'),
         url('/font/NanumGothic.ttf') format('truetype');
}

body, input, textarea{font-family:나눔고딕, NanumGothic, ng , Rix고딕 B}



/*#####################################
## Left Menu
#####################################*/

#leftMenuWrap {position:relative; width:200px; height:100%; margin:0px; padding:0px; left:0px; top:0px; z-index:10;}

#leftMenu {position:relative; width:200px; left:0px; top:0px; margin:0px; padding:0px;}
#leftMenu li ul img{display:block; border:0;}

#leftMenu li ul {width:200px; left:0px; margin:0px; padding:0px;}


#leftBanWrap {width:200px;}
#leftBanWrap ul {margin:0px; padding:0px;}
#leftBanWrap ul li {display:block;}


/*#####################################
## Top Menu
#####################################*/
#wrap{width:100%; overflow:hidden;}

.menuList {width:1200px; margin:0 auto; min-width:1250px; padding:0px;}
.depthWrap {width:1200px; margin:0 auto; min-width:1250px; padding:0px;}


/*header*/
#header {width:100%;  position:relative; height:90px;}
#header h2 {margin:0px; padding:0px;}



/*topMenu start*/
.topbanner_wrap {width:100%; background-color:#262626; border-top:7px solid #151515;border-bottom:7px solid #151515; overflow:hidden;}
.topbanner {width:100%; max-width:1903px; padding-left:50px; margin:0 auto; overflow:hidden;}
.topbanner_div{float:left;}
.top_close {text-align:right; color:#fff; font-size:50px; padding:5% 0 10% 0;}
.top_close a{ color:#fff; font-size:50px; text-decoration:none;}


.topMenu {width:100%; position:relative; height:90px; background:#fff; z-index:3001; min-width:1250px; background-color:#fff; }

.topMenu .menuList { overflow: hidden; }
.topMenu .menuList h2{float:left; margin-top:0px; margin-right:28px;}
.topMenu .menuList {height:90px;}
.topMenu .menuList li{float:left; height:90px; margin-top:0px;}

.topMenu .menuList li.last{padding-right:28px;}



.topMenu .menuList li .first_depth {display:none;}
.topMenu .menuList li.on .first_depth {display:block;}

.topMenu .menuList li.last a:after, .gnb .gnblist li.sitemap a:after, .gnb .gnblist li.language a:after{display:none;}
.topMenu .menuList li:hover{ cursor:pointer;}

.topMenu .menuList li a.mainMenu {}


.topMenu .menuList li .first_depth {width:100%; height:130px; position: absolute; left:0; top:90px; background:#4f3862; z-index:1000;}
.topMenu .menuList li .first_depth .depthWrap {margin: 0px auto; overflow: hidden;}
.topMenu .menuList li .first_depth .depthWrap .depthTitle {float:left;}
.topMenu .menuList li .first_depth .depthWrap .depthTitle a:after {display:none;}
.topMenu .menuList li .subMenu {float:left; margin-left:20px; }
.topMenu .menuList li .subMenu ul {overflow:hidden; width:740px; margin-top:25px;}
.topMenu .menuList li .subMenu li {width:138px; height:26px; float:left; margin-top:10px; background:none; padding:0px; margin-right:10px;}
.topMenu .menuList li .subMenu li a {padding:0;}
.topMenu .menuList li .subMenu li a:after {display:none;}
.topMenu .menuList li .subMenu li:hover {background:#d47591;}

/*topMenu end*/

/*신메뉴*/
.newsub_wrap {width:100%; position:absolute; background-color:#4f3862; }
.newsub_wrap{overflow:hidden;}
.newsub {width:1280px; margin:0 auto;}
.newsubMenu{float:left; list-style:none; }
.newsubMenu ul{margin:0; padding:0;}
.newsubMenu ul li{ overflow:hidden; padding:5px 0; list-style:none;  }
.newsubMenu ul:first-child{ padding-top:10px;}
.newsubMenu ul:last-child{ padding-bottom:10px;}
.newsubMenu ul li a{ font-family: "Noto Sans KR", sans-serif; color:#fff; text-decoration:none;}
.newsubMenu ul li a:hover{ color:#000; font-weight:bold;}

/*신메뉴*/


/* menu::base */
div#menu {
	background: transparent url('/images/menu_m.png') repeat-x scroll 0 0;
	position: absolute;
	top: 0;
	left: 0;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;	

}

ul.menu {
	clear: both;
	float: none;
	cursor: pointer;
	z-index: 1;
	position: relative;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	z-index: 2;
	position: relative;

}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: visible;
	float: left;  
	height: 30px;
	z-index: 3;

}
/* menu::level1 */
div#menu li a {
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;
	text-decoration: none;
	color: #ffffff;
	overflow: hidden;
	z-index: 4;
    position: relative;
    

}

div#menu li span {  
	color: #ffffff; 
	display: block;
	padding: 0 15px;
    background-repeat: no-repeat;
	background-position: 95% 0px;
	z-index: 6;
	position: relative;
	

}

div#menu li span.bg { 
	display: block;
  	background: transparent url('/images/menu_level1_item.png') repeat-x scroll 0pt 100%;
  	padding: 0;
	height: 30px;
	z-index: 5;
	position: relative;
  	float: left;

}

div#menu li.current {  
	//font-weight: bold;
	//background:url('/images/menu_level1_item_current.png');
	background: transparent url('/images/menu_level1_item_current.png') repeat-x scroll 0pt 100%;
}

div#menu li.current ul {  
	font-weight: normal;
}

/* menu::level2 */
div#menu ul.menu ul {
	padding: 0px 0px 10px;
	background: transparent url('/images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; 
	_background: transparent url('/images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	
	left: -999em; 
	width: 165px;
	position: absolute;
	top: 30px;
}

div#menu li:hover ul, div#menu li.sfhover ul { 
	left: 0px; 
	z-index: 100;
	visibility: visible; 
}

div#menu li li { 
	width: 100%; 
	text-indent: 0px;
	float: none; 
	height: auto;
}

div#menu li li a, div#menu li li span.separator { 
	margin: 0px 1px;
	padding: 0px; 
	background: url('/images/menu_level2_item.gif') no-repeat scroll 100% bottom;
	height: auto; 
	float: none; 
	display: block; 
	line-height: 25px; 
	width: 163px;
}

div#menu li li a.parent { 
	background: url('/images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;

}

/* menu::level3 */
div#menu li ul ul { 
	margin: -31px 0 0 164px;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul { 
	border-top: 1px solid #1E1E1E; 
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { 
	left: -999em; 
}
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }

div#menu a:hover {
	color: #FFFFFF;
}
div#menu span:hover {
	color: #FFFFFF;
}
div#menu li ul span:hover {
	color: #FFFFAA;
}

#bgBlack {
filter: alpha(opacity=75);
opacity: 0.75;
-moz-opacity: 0.75;
background-color: #000;
height: 100%;
left: 0;
position: fixed;
text-align: left;
top: 0;
width: 100%;
z-index: 1000000;}
/**/
/*.topbanner {width:100%; margin:0 auto; text-align:center;}*/
/*.topbanner img{width:100%;}*/

.event {width:100%; margin:0 auto; }
.event img{width:100%; margin:0 auto; }

.box_bg {width:100%; background-color:#f4f4f4; padding:50px 0;}
.box_wrap {width:80%; max-width:1440px; margin:0 auto; overflow:hidden;}
.box_wrap img{width:100%; }
.box_wrap ul {width:100%; overflow:hidden; margin:0; padding:0;}
.box_wrap ul li{width:50%; float:left;}


.nbox_bg {width:100%; background-color:#f4f4f4; padding:50px 0;}
.nbox_wrap {width:80%; max-width:1440px; margin:0 auto; overflow:hidden;}
.nbox_wrap img{width:100%; }
.nbox_wrap ul {width:100%; overflow:hidden; margin:0; padding:0;}
.nbox_wrap ul li{width:25%; float:left;}
.nbox_top img {max-width:359px;}



@media all and (min-width:1401px) {
	/*	원장님*/
	.master {width:1441px; position:relative;  top:px; max-width:1441px; margin:0 auto; overflow:hidden;}
	.master_1 {float:left;}
	.master_2 {float:left;}
	.master_3 {float:left;}
	.master_4 {float:left;}
	.master img{width:100%; margin:0 auto; }
	/*	원장님*/
	/*	게시판 latest*/
	.boards {width:1400px;  margin:0 auto; overflow:hidden;padding:50px 0;}
	.boards_1 {float:left; width:560px; height:319px; overflow:hidden;}
	.boards_2 {float:left; width:279px; height:317px; overflow:hidden; border-right:1px solid #dddcdc; border-bottom:1px solid #dddcdc;border-top:1px solid #dddcdc;}
	.boards_3 {float:left; width:278px; height:317px; overflow:hidden; border-right:1px solid #dddcdc; border-bottom:1px solid #dddcdc;border-top:1px solid #dddcdc;}
	.boards_4 {float:left; width:277px; height:317px; overflow:hidden; border-right:1px solid #dddcdc; border-bottom:1px solid #dddcdc;border-top:1px solid #dddcdc;}
	/*	게시판 latest*/

	/*	카피*/
	.copy {width:1620px; margin:0 auto;}
	.copy_l {width:315px; float:left;}

	.copy_c {width:731px; float:left; padding:0 100px;}
	.copy_r {width:361px;; float:left; color:#fff; max-width:361px; }
	/*	카피*/
}
@media all and (min-width:600px) and (max-width:1400px) {
	/*	원장님*/
	.master { top:-300px; margin:0 auto; overflow:hidden; position:relative;}
	.master_1 {width:360px; margin:0 auto;float:left; }
	.master_2 {width:360px; margin:0 auto;float:left; }
	.master_12_wrap {width:720px; margin:0 auto; overflow:hidden;}
	.master_34_wrap {width:720px; margin:0 auto; overflow:hidden;}
	.master_3 {width:360px; float:left;}
	.master_4 {width:360px; float:left;}
	.master img{width:100%; margin:0 auto; }
	/*	원장님*/
	/*	게시판 latest*/
	.boards {width:100%;  margin:0 auto; overflow:hidden;padding:50px 0;}
	.boards_1 {width:560px; height:317px; overflow:hidden; margin:0 auto;}
	.boards_2 {clear:both;float:left; width:279px; height:317px; overflow:hidden;border-left:1px solid #dddcdc; border-right:1px solid #dddcdc; border-bottom:1px solid #dddcdc;border-top:1px solid #dddcdc; }
	.boards_3 {float:left; width:278px; height:317px; overflow:hidden; border-right:1px solid #dddcdc; border-bottom:1px solid #dddcdc;border-top:1px solid #dddcdc;}
	.boards_4 {float:left; width:277px; height:317px; overflow:hidden; border-right:1px solid #dddcdc; border-bottom:1px solid #dddcdc;border-top:1px solid #dddcdc;}
	.boards234_wrap {width:835px; margin:0 auto; padding-top:30px;}
	/*	게시판 latest*/

	/*	카피*/
	.copy {width:731px; margin:0 auto;}
	.copy_c {width:731px; float:left; }
	.copy_l {width:315px; float:left;}

	.copy_r {width:361px;; float:left; color:#fff; max-width:361px; }

	.copy_l {padding-top:50px;}
	.copy_r {padding:50px 0 0 50px;}
	/*	카피*/
}
@media all and (min-width:1399px) and (max-width:1600px) {
	/*	카피*/
	.copy {width:731px; margin:0 auto;}
	.copy_c {width:731px; padding:0; }
	.copy_l {width:315px; float:left;}

	.copy_r {width:361px;; float:left; color:#fff; max-width:361px; }

	.copy_l {padding-top:50px;}
	.copy_r {padding:50px 0 0 50px;}
	/*	카피*/
}

.works_wrap {width:100%; margin:0 auto; position:relative;height:129px; overflow:hidden; }
.works {width:2500px;position:relative; height:129px; margin:0 auto;  }
.works ul{padding:0; margin:0; height:129px; }
.works ul li {float:left; height:129px;}

.mainbna_wrap {width:100%; background-color:#1a1a1a;}
.mainbna_wrap img {width:100%;}
.mainbna {width:80%; max-width:1440px; margin:0 auto; overflow:hidden; padding:50px 0; }
.mainbna_l {width:53%; float:left;}
.mainbna_c {width:23.5%; float:left;}
.mainbna_r {width:23.5%; float:left;}
.worktime {width:100%; margin:0 auto;text-align:center; }

.copy_wrap {width:100%; background-color:#572a6d; overflow:hidden; padding:50px 0 70px 0;}
.copy_wrap img {width:100%;}
.copy_r {color:#734400; font-family: "Noto Sans KR", sans-serif; font-size:13px;}
.main_kakao_submit {text-align:center; color:#fff; font-size:15px; background-color:#3d1e4d}
.main_kakao_submit a{color:#fff;}

#div_right_border1 {color:#4b4b4b}

/*.als-container {width:100%;  border-top:1px solid #dddcdc; }*/
/*.als-wrapper{}*/
/*.als-item{ }*/


.als-container {
	border-top:1px solid #dddcdc;
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 0;
}

/****************************************
 * viewport styling
 ***************************************/

.als-viewport {
	width:1440px;
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	padding:0;
}

/***************************************************
 * wrapper styling
 **************************************************/

.als-wrapper {
	position: relative;
	/* if you are using a list with <ul> <li> */
	list-style: none;
/*	margin-left:0;*/
	padding:0;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
	width:240px;
	text-align:center;
}

.als-prev, .als-next {
/*	position: absolute;*/
	cursor: pointer;
/*	clear: both;*/
}