@font-face{font-family:'NGothic'; src:url('/font/NanumGothic.woff') format('woff'); }
 @font-face{font-family:'NGothicB'; src:url('/font/NanumGothicBold.woff') format('woff'); }
 @font-face{font-family:'NGothicEB'; src:url('/font/NanumGothicExtraBold.woff') format('woff'); }

html { height:100%; width:100%; }
body { height:100%; min-width:1400px; font-size: 9pt; color: #777777;  font-family:"NGothic","³ª´®°íµñ"; background-color:#d8d8d8; }
td {font-size: 9pt; color: #555555;  font-family:"NGothic","³ª´®°íµñ";}

form {
	font-size: 9pt; color: #777777;  font-family: "NGothic","³ª´®°íµñ"
}
textarea {
	font-size: 9pt; color: #777777;  font-family: "NGothic","³ª´®°íµñ"
}
center {
	font-size: 9pt; color: #777777;  font-family: "NGothic","³ª´®°íµñ"
}
option {
	font-size: 9pt; color: #777777;  font-family: "NGothic","³ª´®°íµñ"
}
pre {
	font-size: 9pt; color: #777777;  font-family: "NGothic","³ª´®°íµñ"
}
blockquote {
	font-size: 9pt; color: #777777;  font-family: "NGothic","³ª´®°íµñ"
}

a:link {
	color: #5e5e5e; text-decoration: none
}
a:visited {
	color: #5e5e5e; text-decoration: none
}
a:active {
	color: #5e5e5e; text-decoration: none
}
a:hover {
	color: #a3a3a3; text-decoration: none
}
	
.textarea {
	border-right: #5d5d5d 1px solid; border-top: #5d5d5d 1px solid; font-size: 9pt; border-left: #5d5d5d 1px solid; color: black; border-bottom: #5d5d5d 1px solid; font-family: ±¼¸²; background-color: white
}
.input {
	border-right: #dedede 1px solid;
	border-top: #dedede 1px solid;
	font-size: 9pt;
	border-left: #dedede 1px solid;
	color: #000000;
	border-bottom: #dedede 1px solid;
	font-family: ±¼¸²;
	height: auto;
}
.submit {
	border-right: 1px solid; border-top: 1px solid; font-size: 9pt; border-left: 1px solid; color: white; border-bottom: 1px solid; font-family: ±¼¸²; height: 19px; background-color: #999999}



	
    #wrapper {height:100%; width:100%; position:relative; background-color:#fff; }
	
	    
	#top { width:100%; height:149px; position:relative; margin:0 auto; z-index:20; }
		.top_login { position:relative; width:1100px; height:109px; margin:0 auto; background-color:#fff; }
			.login_box { position:relative; width:1100px; height:20px; margin:0 auto; text-align:right; font-size:11px; padding-top:5px; }
			.login_box a { color:#333333; font-family:"NGothicB"; }
			.login_box a:hover { color:#666666; }

			.logo { position:absolute; margin:0 auto; top:25px; left:0px; width:513px; }
				.logo .top_banner{position: absolute; top: 10px; left: 270px;}
		.top_box { position:relative; width:100%; height:40px; margin:0 auto; background-color:#474747; }
			.menu_box { position:relative; width:1100px; margin:0 auto; text-align:center; }




	#contents { width:100%; position:relative; margin:0 auto; background-color:#fff; padding-bottom:80px; }
	#contents:after { content:""; display:block; clear:both; }

	#sub_contents { width:1100px; position:relative; margin:0 auto; }
	#sub_contents:after { content:""; display:block; clear:both; }

		#visual { position:relative; width:100%; height:550px;}
		#visual .inner { position:absolute; width: 100%;}


		.m01 { position:relative; margin:0 auto; width:1100px; height:248px; margin-top:70px; border:0px solid #333; }

			.mbox1 { position:relative; float:left; width:320px; height:248px; margin-right:70px; color:#333; font-size:23px; background:url(/img/m01.gif) no-repeat left bottom; }
				.mbox1 p { position:absolute; bottom:17px; left:20px;  }
				.mbox1 a { display:block; margin-top:25px; width:320px; height:204px; color:#282828; font-size:14px; border:0px solid #000; }
				.mbox1 a:hover { background-image:url(/img/menubg.png);  filter:alpha(opacity=40); opacity:0.4; color:#ffffff; font-size:16px; }

			.mbox2 { position:relative; float:left; width:320px; height:248px; margin-right:70px; color:#333; font-size:23px; background:url(/img/m02.gif) no-repeat left bottom; }
				.mbox2 p { position:absolute; bottom:17px; left:20px;  }
				.mbox2 a { display:block; margin-top:25px; width:320px; height:204px; color:#ffffff; font-size:14px; border:0px solid #000; }
				.mbox2 a:hover { background-image:url(/img/menubg.png);  filter:alpha(opacity=40); opacity:0.4; font-size:16px; }

			.mbox3 { position:relative; float:left; width:320px; height:248px; margin-right:0px; color:#ff7800; font-size:23px; background:url(/img/m03.gif) no-repeat left bottom; }
				.mbox3 p { position:absolute; bottom:17px; left:20px;  }
				.mbox3 a { display:block; margin-top:25px; width:320px; height:204px; color:#ffffff; font-size:23px; border:0px solid #000; }
				.mbox3 a:hover { background-image:url(/img/menubg.png); filter:alpha(opacity=40); opacity:0.4; font-size:30px; }
			
		

		.m02 { position:relative; margin:0 auto; width:1100px; height:248px; margin-top:70px; border:0px solid #333; }
			.mbox4 { position:relative; float:left; width:320px; height:248px; margin-right:70px; color:#333; font-size:23px; background:url(/img/m04.gif) no-repeat left bottom; }
				.mbox4 p { position:absolute; bottom:17px; left:20px;  }
				.mbox4 a { display:block; margin-top:25px; width:320px; height:204px; color:#fff; font-size:14px; border:0px solid #000; }
				.mbox4 a:hover { background-image:url(/img/menubg.png);  filter:alpha(opacity=40); opacity:0.4; color:#ffffff; font-size:16px; }
			
			.m02_innerbox{float:left;  width: 320px;  height: 248px;   margin-right: 70px; }
				.m_notice { width:100%; height:116px; margin-bottom:16px; box-sizing:border-box;  color:#333333; font-size:23px; border-bottom:1px solid #dddddd; }
				.m_consult {width:100%;  height:116px; box-sizing:border-box; color:#333333; font-size:23px; border-bottom:1px solid #dddddd; }
				
			.mp_txt { color:#888888; font-size:12px; padding:8px 0 8px 0; }
				.preview a { font-size:13px; color:#565656; line-height:180%; }
				.preview a:hover { color:#a7a7a7; }
			
			.m_photo {position:relative; float:left; width:320px; height:248px; color:#ff8f00; font-size:23px; background:url(/img/m_photo.gif) no-repeat center bottom; }
				.p_more a { position:absolute; bottom:0px; display:block; width:313px; height:10px; padding:150px 0 10px 5px; font-size:13px; }
				.p_more a:hover { color:#ffa027; font-size:15px; }


		.m03 { position:relative; margin:0 auto; width:100%; height:280px; margin-top:0px; background-color:#eeeeee; }
			.m03_box { margin:0 auto; width:1100px; padding-top:40px; }
			
			.family { float:left; width:710px; height:200px; color:#333333; font-size:18px; }
			.family ul { margin-top:15px; }
			.family ul li { float:left; padding:0 23px 8px 0; }

			.m_quick { float:left; width:300px; height:200px; margin-left:70px; padding-left:20px; }
			.m_quick li { float:left; display:block; text-align:center; margin-left:26px; font-size:12px; color:#454545;  }



	#sub_img { position:relative; width:100%; height:200px; background-image:url(/img/sub_bg.gif); margin-bottom:60px; text-align:center; }

	#sub_menu { float:left; width:200px; height:100%; margin-right:80px; }

		.sm_title { height:71px; font-family:"NGothic"; color:#555555; font-size:27px; border-bottom:1px solid #dddddd; margin-bottom:15px; }
		.sm_txt { color:#6e6e6e; font-size:10px; padding-top:10px; }

		.sm01 { height:30px; margin-top:0px; font-size:14px; font-family:"NGothic"; border-bottom:0px solid #dddddd; }
			.sm01 a { display:block; padding-left:0px; height:30px; width:200px; padding-top:8px; color:#ff8400; }
			.sm01 a:hover { color:#323232; }
		.sm02 { height:30px; margin-top:0px; font-size:12px; font-family:"NGothic"; border-bottom:1px solid #dddddd; background-color:#f9f9f9; }
			.sm02 a { display:block; padding-left:20px; height:24px; width:180px; padding-top:6px; color:#666666; }
			.sm02 a:hover { color:#333; }
		
		.sm_call { position:relative; width:180px; height:50px; margin-top:50px; }
			.sm_call h2 { color:#484848; font-size:15px; padding:5px 0 10px 0; font-family:"NGothic"; }
			.sm_call h3 { color:#fea700; font-size:29px; font-family:"NGothicEB"; padding-top:5px; }
			.sm_call h3:nth-child(3) {font-size:21px; margin-top:4px;}

	

	#contents_box { position:relative; float:left; width:820px; padding-bottom:0px; }
	#contents_box:after { content:""; display:block; clear:both; }

		.s_title { height:38px; line-height:38px; color:#555555; font-size:38px; font-family:"NGothicB"; }
		.navi { position:absolute; right:0px; top:0px; color:#555; font-size:12px; font-family:"NGothic"; }

		.page { position:relative; width:820px; text-align:left; border-top:1px solid #ddd; color:#666666; font-size:13px; font-family:"NGothic"; line-height:170%; margin-top:33px; margin-bottom:50px; padding-top:80px; }
		
	



	#foot { position:relative; width:100%; height:320px; margin:0 auto; background-color:#332a26; margin-top:0px; }
	#foot:after { content:""; display:block; clear:both; }


		.foot_box { position:relative; width:1100px; height:300px; margin:0 auto; border:0px solid #000; }

			.f_box1 { position:absolute; left:0px; top:70px; width:320px; }
			.f_box1 h2 { position:relative; left:0px; }
			.foot_copy { padding-top:25px; font-size:12px; text-align:left; color:#8e8e8e; line-height:130%; }

			.f_box2 { position:absolute; left:390px; top:72px; width:330px; height:160px; border-left:1px solid #4c4541; padding-left:30px; }
			.f_box2 h2 { color:#ffffff; font-size:20px; font-family:"NGothicB"; }
			.f_box2 h3 { color:#feb800; font-size:38px; font-family:"NGothicB"; padding-top:15px; padding-bottom:16px; }
			.f_box2 h3:nth-child(3) {padding-top: 3px; font-size: 30px;}
			.f_box3 { position:absolute; left:780px; top:72px; width:290px; height:160px; border-left:1px solid #4c4541; padding-left:30px; }
			.f_copy2 { padding-bottom:25px; }
			.f_copy2 a { color:#bababa; }

	


	.quicklink h2 { width:64px; height:64px; color:#4c3456; text-align:center; }
	.quicklink li { width:65px; height:50px; text-align:center; padding-top:15px; }
	.quicklink li img { width:50%; }
	.quicklink li a:hover { color:#0a3b66; }
	.ql01 { text-align:center; background-color:#d55297; }
	.ql02 { text-align:center; background-color:#f35aab; }
	.ql03 { text-align:center; background-color:#ac5699; }
	.ql04 { text-align:center; background-color:#7e3c7a; }


 


/* ³»¿ë */

::-moz-selection { background:#fea700; color:#fff; }
::selection { background:#fea700; color:#fff; }


.liner { border-bottom:1px dotted #999999; margin-top:10px; margin-bottom:20px; }

.c_point { color:#333333; font-size:20px; font-family:"NGothicB"; }
.tbold { color:#ffffff; background-color:#fea700; }
.tbold2 { color:#ffffff; background-color:#999999; }

.color { color:#ffa304; }
.color2 { color:#ff7e00; }

.smap1 { width:170px; float:left; margin-left:50px; height:200px; font-size:12px; }
.smap2 { width:170px; float:left; margin-left:80px; height:200px; font-size:12px; }
.smap3 { width:170px; float:left; margin-left:80px; height:200px; font-size:12px; margin-bottom:50px; }
.smap4 { width:170px; float:left; margin-left:50px; margin-top:50px; margin-bottom:50px; height:200px; font-size:12px; }
.smap5 { width:170px; float:left; margin-top:50px; margin-left:80px; height:200px; font-size:12px; }
.smap6 { width:170px; float:left; margin-top:50px; margin-left:80px; margin-bottom:50px; height:200px; font-size:12px; }
.smap7 { width:170px; float:left; margin-top:50px; margin-left:50px; height:200px; font-size:12px; }
.smap8 { width:170px; float:left; margin-top:50px; margin-left:80px; height:200px; font-size:12px; }


.ct { font-size:24px; color:#3a3a3a; background-image:url(/img/i.gif); line-height:100%; background-repeat:no-repeat; padding-top:5px; padding-left:0px; font-family:"NGothic"; }
.ct2 { font-size:18px; color:#333333; font-family:"NGothicB"; line-height:200%; }
.ct3 { font-size:15px; color:#048ece; font-family:"NGothic"; line-height:140%; }

.c_ul  li { list-style-image:url(/img/li.gif); margin-left:30px; line-height:160%; }
.c_ul li h2 { padding-top:10px; }
.c_img { border-top:5px solid #70b52c; }

.c_btn li { display:inline-block; width:130px; height:42px; text-align:center; background-color:#2a88b4; font-size:15px; font-family:"NGothicB"; }
.c_btn li a { display:block; width:130px; height:32px; padding-top:10px; color:#fff; }
.c_btn li a:hover { background-color:#174469; }

.c_map { border:5px solid #b5ac9e; }

.c_table { border-top:3px solid #332a26; width:100%; }
.c_table th { border-bottom:1px solid #e1e1e1;  padding:10px; text-align:center; color:#444444; }
.c_table td { border-bottom:1px solid #e1e1e1;  padding:10px; text-align:center; color:#797979; font-size:13px; }
.c_table .t_left { text-align:left;  }
.c_table_tr { background-color:#efefef; }
.c_table_td { background-color:#f5f5f5; }

.c_table2 { border-top:3px solid #332a26; width:100%; }
.c_table2 th { border-bottom:1px solid #e1e1e1;  padding:5px; text-align:center; color:#444444; }
.c_table2 td {  border-bottom:1px solid #e1e1e1;  padding:5px; text-align:center; color:#797979; font-size:12px; }

.raw_table { border-top:1px solid #a7a7a7; width:100%; }
.raw_table th { border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; padding:5px; text-align:center; color:#333; background-color:#f3f3f3;}
.raw_table td { border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; padding:5px; text-align:center; color:#333; }


.c01 { height:600px; font-family:"NGothic"; font-size:14px; padding-top:100px; background-image:url(/img/c1-1.jpg); background-position:top; background-repeat:no-repeat; }
.c1-1 { font-size:18px; font-family:"NGothicB"; line-height:150%; }
.c1-2 { padding-left:400px; font-size:14px; }
.c1-2-1 { position:absolute; left:0px; }

.c1-3 { margin:0 auto; text-align:center; height:200px; padding-top:85px; background-image:url(/img/c1-3.gif); background-position:top; background-repeat:no-repeat;}
.c1-3 li { display:inline-block; margin:0 30px; }
.c1-3 li h2 { color:#fff; font-size:18px; padding-bottom:10px; }
.r01 { width:calc((100% - 45px)/4); margin:0; margin-right:15px; height:90px; background-color:#f1af00; color:#fff; font-size:22px; font-family:"NGothicB"; border-radius:60px; text-align:center; padding-top:35px; }
.r02 { width:calc((100% - 45px)/4); margin-right:15px; height:90px; background-color:#ff8b02; color:#fff; font-size:22px; font-family:"NGothicB"; border-radius:60px; text-align:center; padding-top:35px; }
.r03 { width:calc((100% - 45px)/4); margin-right:15px; height:90px; background-color:#c3ab6b; color:#fff; font-size:22px; font-family:"NGothicB"; border-radius:60px; text-align:center; padding-top:35px; }
.r04 { width:calc((100% - 45px)/4); height:90px; background-color:#74c36b; color:#fff; font-size:22px; font-family:"NGothicB"; border-radius:60px; text-align:center; padding-top:35px; }


.c1-4 { margin:0 auto; font-size:0px; }
.c1-4 li { display:inline-block; width:50%; box-sizing:border-box; padding:0 30px; vertical-align:top; margin-bottom:50px; }
.c1-4 li h2 { color:#fff; font-size:16px; height:30px; border-top:3px solid #ffa304; padding-left:30px; padding-top:25px; background-color:#666; }
.c1-4 li p { text-align:left; padding:20px 30px 0; font-size:12px; line-height:150%; word-break:keep-all; }

.c1-5 a { display:block; text-align:center; padding-top:5px; width:300px; height:25px; background-color:#ff7e00; color:#fff; }
.c1-5 a:hover { background-color:#666; }

.c2-1 { margin:0 auto; text-align:left; font-size:0px; }
.c2-1 li { display:inline-block; }
.c2-1 li h2 { color:#fff; font-size:13px; padding-bottom:10px; }

.c2-2 { margin:0 auto; text-align:center; }
.c2-2 li { display:inline-block; margin:0 10px; }
.c2-2 li h2 { color:#fff; font-size:13px; padding-bottom:10px; }
.rc01 { width:180px; height:80px; background-color:#f1af00; color:#fff; font-size:22px; font-family:"NGothicB"; border-radius:70px; text-align:center; padding-top:15px; }
.rc02 { width:180px; height:80px; background-color:#ff8b02; color:#fff; font-size:22px; font-family:"NGothicB"; border-radius:70px; text-align:center; padding-top:15px; }
.rc03 { width:180px; height:80px; background-color:#c3ab6b; color:#fff; font-size:22px; font-family:"NGothicB"; border-radius:70px; text-align:center; padding-top:15px; }

.c3-1 { width:100%; height:450px; background-image:url(/img/c3-1.jpg); background-position:top right; background-repeat:no-repeat; }

.c5-1 { width:100%; text-align:center; height:50px; padding-top:30px; border-bottom:5px solid #ff7e00; font-size:30px;  }

.p_text { position:relative; width:100%; height:154px; padding-top:10px;}
.p_text p { padding-left:250px; }
.p_text img { position:absolute; left:0px; }




.tb_01{
	width:100%;
	border-top:5px solid #ff8b02;
	text-align:center;
}
	.tb_01 thead{
	background:#ffefdc;
	}
	.tb_01 td, .tb_01 th{
	padding:10px 0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:13px;
	}
	.tb_01 th:last-child{
	border-right:0px;
	}
	.tb_01 td:nth-child(6){
	border-right:0px;
	}
	.tb_01 tr:nth-child(4) ~ tr td{
	border-right:0px;
	}





/* ¹è³Ê1 */
#banner {
	width:310px;
	height:310px;
	position:relative;
	/*margin:0 auto;*/
}

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:50;
}
.slides_container {
	width:310px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container a {
	width:310px;
	height:310px;
	display:block;
}

.slides_container a img {
	display:block;
}

.pagination {
	position:absolute;
	top:15px;
	/*right:0px;*/
	margin:0px auto;
	width:100px;
	margin-left:195px;
	z-index:500;
}

.pagination li {
	float:right;
	margin:3px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:10px;
	height:0px;
	padding-top:10px;
	background-image:url(/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -14px;
}
/* ¹è³Ê1 end */


/* ¹è³Ê2 */
#banner2 {
	width:400px;
	height:630px;
	position:relative;
}

#slides2 {
	position:absolute;
	top:0px;
	left:0px;
	z-index:51;
}
.slides_container2 {
	width:350px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container2 a {
	width:350px;
	height:630px;
	display:block;
}

.slides_container2 a img {
	display:block;
}

/* ¹è³Ê2 end */




/* ¸ÞÀÎ ¸Þ´º */
.gnbW {width:100%; height:40px; }
.gnbW ul.gnb {width:100%;} 
.gnbW ul.gnb > li {position:relative; float:left; width:20%; height:32px; text-align:center; padding-top:8px; z-index:99; border:0px solid #000; }
.gnb_tit > a { color:#ffffff; font-size:18px; font-family:"NGothicB"; }
.gnb_tit > a:hover { color:#fe9500; }

.gnbW ul.gnb > li > ul.menu {width:150px; z-index:999; position:absolute; left:0px; top:40px;  background-image:url(/img/menubg.png); display:none; }
.gnbW ul.gnb > li > ul.menu > li a {display:block; width:150px; height:25px; color:#ffffff; text-align:left; font-size:12px; cursor:pointer; line-height:25px; text-indent:20px;}
.gnbW ul.gnb > li > ul.menu > li a:hover {color:#feb900; font-weight:bold; font-size:12px;}
.gnbW ul.gnb > li > ul.menu > li.menuF {padding-top:10px;}
.gnbW ul.gnb > li > ul.menu > li.menuL {padding-bottom:10px; background:none; }

.gnbW ul.gnb > li > ul.menu > li > ul {margin-top:3px; }
.gnbW ul.gnb > li > ul.menu > li > ul > li a {font-size:12px; line-height:20px; }
.gnbW ul.gnb > li > ul.menu > li > ul > li a:hover {color:#4f0015; }


	


/* ¸ÞÀÎ À̹ÌÁö ½½¶óÀ̵å */
.slider {
	width:100%;
	height:550px;
	position:relative;
	overflow:hidden;
	background:#fff;
	text-align:center;
}
.slider .bd {
	width:100%;
	position:absolute;
	    height: 100%;
}
.slider .bd li {
	width:100%;
	overflow:hidden;
	    height: 100%;
}

.slider .tempWrap {
	overflow:visible !important;
	    height: 100%;
}
.slider .tempWrap ul {
    height: 100%;
}



.slider .hd {
	position:absolute;
	width:100%;
	left:0;
	z-index:1;
	height:6px;
	bottom:20px;
	text-align:center;
}
.slider .hd li {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:12px;
	height:12px;
	line-height:99px;
	overflow:hidden;
	background:url(/img/1_on.png) 0 0px no-repeat;
	margin:0 5px;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.6;
}
.slider .hd li.on {
	background-position:0 0;
	filter:alpha(opacity=100);
	opacity:1;
}




.slider .pnBtn {
	position:absolute;
	z-index:1;
	top:0;
	width:100%;
	height:50px;
	cursor:pointer;
}
.slider .prev {

}
.slider .next {
}
.slider .pnBtn .blackBg {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
	opacity:0.5;
}
.slider .pnBtn .arrow {
	display:none;
	position:absolute;
	top:0;
	z-index:1;
	width:50px;
	height:50px;
}
.slider .pnBtn .arrow:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
}
.slider .prev .arrow {
	left:20px;
	top:220px;
	background:url(/img/visual_prev.png) 0 50% no-repeat;
}
.slider .next .arrow {
	right:20px;
	top:220px;
	background:url(/img/visual_next.png) 0 50% no-repeat;
}