@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 {
	max-width: 100%;
}
/* 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/
*/

#wrap{display:none;}
#wrap2{display:none ;}
#wrap3{display:none;}

/* 640px이상 췝뷰 */

@media only screen and (min-width: 0px) {
#wrap2{display:none;}
.plus{clear: both;float: left;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;}
 #wrap{ display:none;}
 #wrap3{ clear: both; margin-left: 0; width: 768px; display: block;	margin:0 auto;}
 #Main_wrapper_3{ clear: none; float: left; margin-left: 0; width: 768px; display: block; overflow:hidden; margin:0 auto;}
.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; width:auto; height:auto;}
 .top_btn_3 li.pt4{width:53px; height:11px;}
.top_btn_3 li.pt5{width:64px; height:11px;}
.top_btn_3 li.pt6{width:85px; height:11px;}
 .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;float: left;margin-left: 0;  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: 718px;display: block; margin:0 auto;}
#right_title_3{clear: none;float: left;margin-left: 0; width: 718px;display: block; margin-top:50px; border-bottom:1px solid #e1ded6; padding-bottom:11px;}
#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_3{clear: none;float: left;margin-left: 0;width: 100%;display: block; margin-top:30px;}
.contents_3 p {float:left; width:718px;}
.contents_3 p.rd_img_3{ width:718px; float:left; margin-bottom:31px;}
.contents_3 p.rd_img2_3{ width:718px; float:left; margin-bottom:50px;}
#footer_3{clear: none;float: left;margin-left: 0; display: block; width:704px; padding:24px 45px 38px 19px;}
#footer_3 li{float:left;}
#footer_3 li.foot_left_3{padding-left:20px;}

.dept04_3 {clear: none;float: left;margin-left: 0; width:718px;display: block; margin-bottom:65px;}
.dept04_3 li{margin-bottom:16px;} 
.dept03_3{clear: none;float: left;margin-left:0;width:718px;display: block;} 
.dept03_3 li.title_3{margin-bottom:16px;}
.dept03_3 li.text_3{margin-bottom:53px;}
.dept03_3 li table_3 {width:718px; border-top:2px solid #444444; float:left;}
.dept03_3 li th {height:12px; padding:9px 0; border-bottom:1px solid #e1ded6; }
.dept03_3 li td {height:12px; padding:6px 0; border-bottom:1px solid #e1ded6; color:#444444; text-align:center;}

.dept01_3 {clear: none;float: left;margin-left: 0;width: width:287px;;display: block;}
.dept01_3 li.img1_3{padding-bottom:10px;}
.dept01_3 li.img2_3{padding-bottom:21px;}

.dept02_3{clear: none;float: right;margin-left: 0;width: 431px;display: block;}
.contents_3 p {float:left; width:718px;}

.sns_btn_3 {clear: none;float: right;margin-left: 0; width:294px;display: block;}
.sns_btn_3 li{ width:93px; float:left;}
.sns_btn_3 li.right_3{padding-right:7px;}
.port_tap_3{clear: none;float: left;margin-left: 0;width: 612px;display: block; margin-bottom:24px;}
.port_tap_3 li{width:153px; float:left;}
.port_img_3{width:718px; float:left;}
.btn1_3{clear: none;float: right;margin-left: 0;width: 100%;display: block; margin-top:19px; text-align:right;}
.port_list_3{clear: none;float: left;margin-left: 0; width: 718px;display: block; margin-bottom:45px;}
.port_list_3 ul{width:200px; height:168px; float:left;}
.port_list_3 ul.padding1_3{margin-right:59px; float:left;}
.btn2_3{clear: none;float: left;margin-left: 0;width: 718px;display: block;  padding-top:21px; border-top:1px solid #e1ded6; text-align:right;}
.port_title_3 {margin-top:12px;}
.port_url_3 {margin-top:7px;}
.port_list2_3 {clear: none;float: left;margin-left: 0; width:718px; height:275px; display: block; padding-bottom:45px;}
.port_list2_3 ul{width:200px; height:168px; float:left;}
.port_list2_3 ul.padding2_3{margin-right:59px; float:left;}
.port_title_3 {margin-top:12px;}
.port_tap {clear: none;float: left;margin-left: 0;width: width: 612px;display: block;}

.port_tap_3 {clear: none;float: left;margin-left: 0;width: width: 612px;display: block; margin-bottom:24px;}
.port_tap_3 li{width:153px; float:left;}
.rd_con1_3{clear: none;float: left;margin-left: 0; width:718px; display: block;}
.rd_con1_3 p{width:331px; margin-right:83px; float:left;}
.rd_con_txt_3{clear: none;float: left;margin-left: 0; width:304px; display: block;}
.rd_con_txt_3 li.title2_3{margin-bottom:5px;}
.rd_con_txt_3 li {color:#acacac; font-size:12px; line-height:16px;}
.rd_con_txt_3 ul {margin-bottom:36px;}

.rd_con2_3 {clear: none;float: left;margin-left: 0;width:718px;display: block; border-top:1px solid #444444;}
.rd_con2_3 ul {border-bottom:1px solid #e1ded6; float:left;}
.rd_con2_3 li {padding-top:16px; float:left;}
.rd_con2_3 li.title3_3{width:230px;}
.rd_con2_3 li.text3_3{width:230px; background-color:#fafaf9; padding-left:21px; width:467px; padding-bottom:57px;}
.part_wrap_3{clear: none;float: left;margin-left: 0;width:718px;display: block; height:110px; padding-bottom:42px;}
.part_wrap_3 ul {border-bottom:1px solid #e1ded6; width:215px; float:left; }
.part_wrap_3 li{width:215px; }
.part_wrap_3 ul.right_pa_3{margin-right:35px;}
.email_btn_3{height:10px; margin-top:11px; padding-bottom:15px;}

.recu_img_3{float:left; margin-bottom:55px;}

.recu_wrap_3{clear: none;float: left;margin-left: 0;width:718px;display: block;}
.recu_wrap_3 p {float:left; margin-bottom:20px;}
.recu_wrap_3 table {width:718px; border-top:2px solid #444444; float:left;}
.recu_wrap_3 th {height:12px; padding:9px 0; border-bottom:1px solid #e1ded6; }
.recu_wrap_3 td {height:12px; padding:6px 0; border-bottom:1px solid #e1ded6; color:#444444; text-align:center;}

.map_title_3 {clear: none;float: left;margin-left: 0; width:718px; display: block; margin-top:50px; height:21px; border-bottom:2px solid #e1ded6; padding-bottom:14px;}
.map_title_3 li{width:127px; float:left; }
.map_title_3 li.right_pa2{margin-right:20px;}
.map_contents_3{clear: none;float: left;margin-left: 0; width:718px; display: block;}
.list_wrap_3{clear: none;float: left;margin-left: 0; width:127px; display: block; margin-right:20px;}
.list_wrap_3 li { width:127px; *height:14px; padding:10px 0; border-bottom:1px solid #e1ded6;}
.list_wrap_3 li.text1_3{color:#959595; font-size:12px; line-height:16px; *height:50px; border:none;}
.text1_3 a:link, a:visited, a:hover, a:active {color:#959595; font-size:12px;}
.list_wrap2_3 {clear: none;float: left;margin-left: 0; width:127px; display: block;}
.list_wrap2_3 li { width:127px; height:14px; padding:10px 0; border-bottom:1px solid #e1ded6;}
.list_wrap2_3 li.text1_3{color:#959595; font-size:12px; line-height:16px; height:50px; border:none;}

}

/* 769px 이상 웹뷰 */

@media only screen and (min-width: 1000px) {
#wrap2{display:none;}
#wrap3{display:none;}
.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;}
 
 #wrap{clear: both;	margin-left: 0;	width:1000px; height:auto;	display: block;	margin:0 auto;}
  #Main_wrapper{ clear: none;  margin-left: 0; width: 1000px; display: block; margin:0 auto; overflow:hidden; margin:0 auto; float:left;}
   .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; width:auto; height:auto;}
 .top_btn li.pt{width:53px; height:11px;}
.top_btn li.pt2{width:64px; height:11px;}
.top_btn li.pt3{width:85px; height:11px;}
.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-left: 0; float:left; width:998px; display: block; background:#FFF; border-left:1px solid #e1ded6;  border-right:1px solid #e1ded6; border-bottom:1px solid #e1ded6; padding-bottom:137px; }
#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;}
.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:305px; display: block; font-family:AppleGothic, dotum; font-size:11px; color:#bababa; margin-top:14px; height:16px; padding-left:8px; letter-spacing:-1px; text-align:right;}
.contents{ clear: none; float: left; margin-left: 0; width:718px; display: block; margin-top:30px;}
.contents p {float:left; width:718px;}
.contents p.rd_img{ width:718px; float:left; margin-bottom:31px;}
.contents p.rd_img2{ width:718px; float:left; margin-bottom:50px;}
#footer{ clear: none; float: left; margin-left: 0; 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;}
 
.dept04{clear: none;float: left;margin-left: 0; width:718px;display: block; margin-bottom:65px;}
.dept04 li{margin-bottom:16px;} 
.dept03{clear: none;float: left;margin-left:0;width:718px;display: block;} 
.dept03 li.title{margin-bottom:16px;}
.dept03 li.text{margin-bottom:53px;}
.dept03 li table {width:718px; border-top:2px solid #444444; float:left;}
.dept03 li th {height:12px; padding:9px 0; border-bottom:1px solid #e1ded6; }
.dept03 li td {height:12px; padding:6px 0; border-bottom:1px solid #e1ded6; color:#444444; text-align:center;} 

.con_table {clear: none;float: left;margin-left: 0;width: 100%;display: block; font-size:13px; color:#909090;}
.con_table li.table_t{padding:28px 0 20px; width:auto;}
.con_table table td{padding-top:9px; padding-bottom:9px;  padding-left:24px;}
.con_table table td.bar_top{width:167px; border-top:1px solid #7b61b7; border-bottom:1px solid #7b61b7;}
.con_table table td.bar_top2{width:551px; border-top:1px solid #e1ded6; border-bottom:1px solid #e1ded6;}

.dept01 {clear: none;float: left;margin-left: 0;width: width:287px;;display: block;}
.dept01 li.img1{padding-bottom:10px;}
.dept01 li.img2 {padding-bottom:21px;}

.dept02 {clear: none;float: right;margin-left: 0;width: 431px;display: block;}
.contents p {float:left; width:718px;}

.sns_btn {clear: none;float: right;margin-left: 0; width:294px;display: block;}
.sns_btn li{ width:93px; float:left;}
.sns_btn li.right{padding-right:7px;}

.port_tap{clear: none;float: left;margin-left: 0;width: 612px;display: block; margin-bottom:24px;}
.port_tap li{width:153px; float:left;}
.port_img{width:718px; float:left;}

.btn1{clear: none;float: right;margin-left: 0;width:100%; display: block; margin-top:19px; text-align:right;}

.port_list{clear: none;float: left;margin-left: 0; width: 718px; display: block; margin-bottom:45px;}
.port_list ul{width:200px; height:168px; float:left;}
.port_list ul.padding1{margin-right:59px; float:left;}
.btn2{clear: none;float:left;margin-left: 0;width: 718px;display: block;  padding-top:21px; border-top:1px solid #e1ded6; text-align:right;}
.port_title {margin-top:12px;}
.port_url {margin-top:7px;}

.port_list2 {clear: none;float: left;margin-left: 0; width:718px; height:275px; display: block; margin-bottom:45px;}
.port_list2 ul{width:200px; height:168px; float:left;}
.port_list2 ul.padding2{margin-right:59px; float:left;}
.port_title {margin-top:12px;}

.port_tap {clear: none;float: left;margin-left: 0;width: width: 612px;display: block; margin-bottom:24px;}
.port_tap li{width:153px; float:left;}

.rd_con1{clear: none;float: left;margin-left: 0; width:718px; display: block;}
.rd_con1 p{width:331px; margin-right:83px; float:left;}
.rd_con_txt{clear: none;float: left;margin-left: 0; width:304px; display: block;}
.rd_con_txt li.title2{margin-bottom:5px;}
.rd_con_txt li {color:#acacac; font-size:12px; line-height:16px;}
.rd_con_txt ul {margin-bottom:36px;}

.rd_con2 {clear: none;float: left;margin-left: 0;width:718px;display: block; border-top:1px solid #444444;}
.rd_con2 ul {border-bottom:1px solid #e1ded6; float:left;}
.rd_con2 li {padding-top:16px; float:left;}
.rd_con2 li.title3{width:230px;}
.rd_con2 li.text3{width:230px; background-color:#fafaf9; padding-left:21px; width:467px; padding-bottom:57px;}

.part_wrap{clear: none;float: left;margin-left: 0;width:718px;display: block; height:110px; padding-bottom:42px;}
.part_wrap ul {border-bottom:1px solid #e1ded6; width:215px; float:left; }
.part_wrap li{width:215px; }
.part_wrap ul.right_pa{margin-right:35px;}
.email_btn{height:10px; margin-top:11px; padding-bottom:15px;}

.recu_img{float:left; margin-bottom:55px;}
.recu_wrap{clear: none;float: left;margin-left: 0;width:718px;display: block;}
.recu_wrap p {float:left; margin-bottom:20px;}
.recu_wrap table {width:718px; border-top:2px solid #444444; float:left;}
.recu_wrap th {height:12px; padding:9px 0; border-bottom:1px solid #e1ded6; }
.recu_wrap td {height:12px; padding:6px 0; border-bottom:1px solid #e1ded6; color:#444444; text-align:center;}

.map_title {clear: none;float: left;margin-left: 0; width:718px; display: block; margin-top:50px; height:21px; border-bottom:2px solid #e1ded6; padding-bottom:14px;}
.map_title li{width:127px; float:left; }
.map_title li.right_pa2{margin-right:20px;}

.map_contents {clear: none;float: left;margin-left: 0; width:718px; display: block;}
.list_wrap {clear: none;float: left;margin-left: 0; width:127px; display: block; margin-right:20px;}
.list_wrap li { width:127px; *height:14px; padding:10px 0; border-bottom:1px solid #e1ded6;}
.list_wrap li.text1{color:#959595; font-size:12px; line-height:16px; *height:50px; border:none;}
.text1 a:link, a:visited, a:hover, a:active {color:#959595; font-size:12px;}

.list_wrap2 {clear: none;float: left;margin-left: 0; width:127px; display: block;}
.list_wrap2 li { width:127px; height:14px; padding:10px 0; border-bottom:1px solid #e1ded6;}
.list_wrap2 li.text1{color:#959595; font-size:12px; line-height:16px; height:50px; border:none;}
}