@charset "utf-8";
/************************  default  ************************/
html{ margin:0px; padding:0px; overflow-y: scroll;  } 
body {font-family:"돋움", Dotum, AppleGothic, Sans-serif; font-size:12px; color:#888; line-height:18px; border-collapse:collapse; margin:0px; padding:0px; background:#f5f4f0; width:100%; -webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-size:1em;}
img { border:none; margin:0px; padding:0px; vertical-align:top;}
ol, ul {margin:0px; padding:0px; list-style:none; }
div, li, dl, dt, dd, form, iframe, p, a, span, blockquote  {margin:0px; padding:0px; list-style:none; vertical-align:top;}
label {vertical-align: middle;}
table, th, td {margin:0px; padding:0px; font-size:1em; border-collapse:collapse;}
input, textarea {margin:0px; padding:0px; font-family:"돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, sans-serif; font-size:1em; color:#555555; border:1px solid #ccd2da; background:#fff; vertical-align:middle;}
input {padding-top:2px; height:14px;}
textarea {padding:4px 4px 4px 4px;}
check { vertical-align:top; margin:0; *margin:-7px 0 0 0;  }
select { font-family:dotum;  font-size:12px; color:#777777; height:20px; }

a {cursor:pointer; }
a:link, a:visited, a:hover, a:active {text-decoration: none; color:#7b61b7;}
caption { display:none; }
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

img, object, embed, video {

}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:auto;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */





	



@media only screen and (min-width: 0px) {
#Main_wrapper{display:none;}
#left_menu{display:none;}
.right_title{display:none;}
#footer{display:none;}
.plus{display:none;}
.con_titlep{display:none;}
.header_3{display:none;}
.nav_3{display:none;}
#right_title_3{display:none;}
	
.sub_menu_3{display:none;}
#footer_3{display:none;}

.top{clear: none;float: left;margin-left: 0;width: 100%;display: block; padding-top:8px; height:40px;}
h1 { padding-left:8px; width:111px; float:left;}
.home{  padding-right:8px; float:right; width:75px;} 
.nav_m{  clear: both;  float: left;  margin-left: 0;  width: 100%;  display: block; background-color:#7b61b7; border-bottom:1px solid #6c54a4;}
.nav_m ul.three {width:100%; height:auto;}
.nav_m ul.three li { width:33%; color:#FFF; font-size:14px; font-weight:bold; font:"dotum"; float:left; padding:7px 0; text-align:center; }
.nav_m ul.three li.over {background-color:#00aeef; width:34%;}
.nav_m ul.two {width:100%; height:auto;}
.nav_m ul.two li { width:50%; color:#FFF; font-size:14px; font-weight:bold; font:"dotum"; float:left; padding:7px 0; text-align:center; height:auto;}
.nav_m ul.two li.over {background-color:#00aeef; width:50%;}

.navi_m {clear: none;float: left;margin-left: 0;width: 94%;display: block; padding:3%; font-size:11px; color:#444444;}
.navi_m img { vertical-align:middle;}	
.con_img_m { clear: none; float: left; margin-left: 0; width: 94%; display: block; padding:3%; text-align:center;}

.footer_m { clear: none; float: left; margin-left: 0; width: 100%; display: block; margin-top:30px; background-color:#444444; text-align:center;}	

.contents{ clear: none; float:left; width:100%; display: block; height:auto; padding-top:30px; }


#menubox{float:left; width:100%;}
}
@media only screen and (min-width: 768px) {
#Main_wrapper{display:none;}
#left_menu{display:none;}
.right_title{display:none;}
#footer{display:none;}
.plus{display:none;}

.top{display:none;}
.nav_m{display:none;}
.navi_m{display:none;}
.footer_m{display:none;}
.con_titlep{display:none;}


 #Main_wrapper_3{ clear: none; width: 768px; margin:0 auto; display: block; overflow:hidden;}
 .header_3{ clear: none; float: left; margin-left: ; width: 732px; display: block; padding-left:36px; padding-top:17px; padding-bottom:10px;}
 .logo_3{ clear: none; float: left; margin-left:0; width: 115px; display: block;}
  .top_btn_3{ clear: none; float: right; margin-left: 0; width: 202px; display: block; padding-top:18px;}
 .top_btn_3 li{float:left;}
  .nav_3{clear: none;float: left;margin-left: 0; display: block; width:768px;	height:44px;	margin:0 auto; background-color:#7b61b7;	border:1px solid #7058a7;}
  .nav_3 li{float:left;}
  .sub_menu_3{clear: none; margin:0 auto; float:left;  width: 725px;	height:36px; display: block; background:url(../images/sub_2/sub_menu_bg.jpg) no-repeat left;	padding-left:43px;}
.sub_menu_3 li{float:left;}
#sub_conwrap_3{clear: none;float: left;margin-left: 0 ;width: 766px; display: block; background:#FFF; border-left:1px solid #e1ded6;  border-right:1px solid #e1ded6; border-bottom:1px solid #e1ded6; padding-bottom:137px; }
#right_con_3{clear: none; margin-left: 0;width:auto;display: block; margin:0 auto; background:#FFF; float:left;}
#right_title_3{
	/* [disabled]clear: none; */
	float: left;
	width: 728px;
	display: block;
	padding-top: 50px;
	border-bottom: 1px solid #e1ded6;
	padding-bottom: 11px;
	padding-left:20px;
	padding-right:20px;
	background:#FFF;
}
#right_title_3 p {float:left; width:400px;}
.sub_location_3 {clear: none;float: right;margin-left: 0; display: block; font-family:AppleGothic, dotum; font-size:11px; color:#bababa; margin-top:14px; padding-left:8px; letter-spacing:-1px; width:305px; text-align:right;}
.sub_location_3 span{width:12px; color:#fff;  height:16px;}

.contents{ clear: none; width:728px; display: block; height:auto; background:#FFF; padding-top:30px; padding-left:20px; padding-right:20px; float:left;}


#footer_3{clear: none; margin:0 auto; display: block; height:auto; width:704px; padding:24px 45px 38px 19px;}
#footer_3 li{float:left; padding-top:40px;}
#footer_3 li.foot_left_3{padding-left:55px;}
}
@media only screen and (min-width: 1000px) {
	
.sub_menu_3{display:none;}
#footer_3{display:none;}	

.top{display:none;}
.nav_m{display:none;}
.navi_m{display:none;}
.footer_m{display:none;}


.header_3{display:none;}
.nav_3{display:none;}
#right_title_3{display:none;}
	
 #wrap{clear: both;	margin-left: 0;	width:100%; height:auto;	display: block; text-align:center; float:left;}
 #center_wrap{clear: none;  width: 1000px; display: block; margin:0 auto; overflow:hidden; margin:0 auto;  text-align:center;}
#Main_wrapper{ clear: none;  margin-left: 0; width: 1000px; display: block; margin:0 auto; overflow:hidden; margin:0 auto;  text-align:center;}
.header{ clear: none; float: left; margin-left: 0; width:933px; display: block; padding-top:26px;	padding-left:67px; padding-bottom:21px; margin:0 auto;}
.logo{ clear: none; float: left; margin-left: 0; width: 135px; display: block;}
.top_btn{ clear: none; float:right; margin-left: 0; width: 202px; display: block; padding-top:44px;}
.top_btn li{ float:left;}
.nav{ clear: none; float: left; margin-left: 0; display: block; width:910px; height:44px; background-color:#7b61b7;	border:1px solid #7058a7;	margin:0 auto;	padding-left:44px;	padding-right:44px;}
.nav li{float:left; width:182px;}

#sub_conwrap{ clear: none; margin:0 auto; width:100%; float:left; height:auto; display: block; background:#FFF; border-left:1px solid #e1ded6; border-right:1px solid #e1ded6; border-bottom:1px solid #e1ded6; padding-bottom:137px; float:left; }
#left_menu{ clear: none; float: left; margin-left: 0; width:203px; display: block;}
.left_title{ clear: none; float: left; margin-left: 0; width:181px; display: block; background:#00aeef; height:22px; padding:56px 0 13px 22px;}
#left_menu p{ float:left; width:203px; height:39px;}
.left_list{ clear: none; float: left; margin-left: 0; width:202px; display: block; border-right:1px solid #e1ded6; border-top:1px solid #e1ded6;}
.left_list li{border-bottom:1px solid #e1ded6;}

#right_con{clear: none;float: left;margin-left: 39px;width: 718px;display: block; text-align:left;}
.right_title{ clear: none; float: left; margin-left: 0; width:718px; display: block; margin-top:50px; height:30px; border-bottom:1px solid #e1ded6; padding-bottom:11px;}
.right_title p {float:left; width:400px;}

.sub_location{ clear: none; float: right; margin-left: 0; width:auto; display: block; font-family:AppleGothic, dotum; font-size:11px; color:#bababa; margin-top:14px; height:16px; background:url(../images/sub/blit.gif) left no-repeat; padding-left:8px; letter-spacing:-1px; text-align:right;}
.sub_location span { width:12px; color:#fff; background:url(../images/sub/blit2.gif) center no-repeat; height:16px;}
.sub_location span.color1 {color:#7b61b7; font-size:11px;}

.contents{ clear: none; float:left; width:677px; display: block; height:auto; background:#FFF;}
.con_titlep{margin-top:50px; border-bottom: 1px solid #e1ded6; padding-bottom:11px;}

#footer{ clear: none; float:left; display: block; padding-top:24px; padding-bottom:38px; width:1000px; margin:0 auto;}
.f_logo{ clear: none; float: left; margin-left: 0; width:121px; height:49px; display: block; padding-left:45px;}
.copy{clear: none; float: left; margin-left: 0; width:691px; height:49px; display: block; margin-left:61px;}

.plus{clear: both;margin-left: 0;width: 100%;display: block; margin:0 auto;}
.script_btn{width:500px; margin:0 auto; font-family:"돋움"; font-size:15px; color:#888; margin-bottom:30px; text-align:center;}
 .script_btn li{ display:inline;}
 .script_btn li.scrip_ri_le{padding-right:10px; padding-left:10px;}
}