@charset "euc-kr";

@import url(default.css);
@import url(common.css);



body					{background:url(/common/img/company/sub_bg.jpg) repeat-x;}
#wrap					{width:1000px; margin:0 auto; position:relative;}
#top					{width:950px; height:16px; text-align:right; float:left; overflow:hidden; }
#menu					{width:1000px; height:81px; text-align:right; float:left; position:absolute; left:0px; top:16px;}

#sub_vi					{width:1000px; height:196px; overflow:hidden; float:left;position:absolute; top:15px;}

/* ¼­ºê ·¹ÇÁÆ®¸Þ´º */
#left							{width:236px; float:left; overflow:hidden; margin-top:160px; padding-bottom:65px; border:1px solid #ddd; box-shadow:2px 3px 5px rgba(0,0,0,0.1); border-radius:10px;background:#fff;  font-family:"Noto Sans KR"}
#left .tit_p {font-size:16px; color:#a8a39f; text-align:center; font-weight:500; letter-spacing:-0.5px; margin-top:15px;}
#left .tit_h2 {font-size:28px;  color:#662b0b; font-weight:600;  text-align:center;  line-height:1em;}

#left ul li {width:100%; float:left;box-sizing:border-box;}
#left ul li {width:100%; float:left; line-height:1em;}
#left ul li a {color:#333; font-size:16px; font-weight:500; font-family:"Noto Sans KR";  letter-spacing:-0.5px;  display:block; padding:12px 25px; box-sizing:border-box;}
#left ul li a:hover {background:#662b0b; text-decoration:none; color:#fff; font-weight:500;}
#left ul li.ov {background:#662b0b; text-decoration:none; color:#fff; font-weight:500;}
#left ul li.ov a {text-decoration:none; color:#fff; font-weight:500;}

#contents				{width:750px; /*float:left;*/ overflow-x:hidden; float:right;	  }
.title					{width:734px; height:57px; float:right; background:url(/common/img/company/title_bg.jpg) repeat-x;}
.guide					{width:400px; height:14px; text-align:right; float:left; padding:13px 32px 0 0; font:normal 11px/11px µ¸¿ò,±¼¸²,Arial; color:#666; }
.text02


#footer					{width:100%; height:122px; background:url(/common/img/company/footer_bg.jpg) repeat-x; float:left;}
.foot					{width:1000px; height:122px; margin:0 auto;}



.mbox					{width:557px; margin:20px 0 0 35px; font:normal 11px/11px µ¸¿ò,±¼¸²,Arial; color:#666;}
.notice					{width:557px; margin:0 auto; background:url(../img/company/notice_bar.jpg) no-repeat; }
.notice	th				{font-size: 11px; font-weight: bold; color:#fff; padding:10px 0; margin-bottom:10px;}
.notice	td				{padding:5px 0; border-bottom:1px solid #d7d7d7;}

.qna_pw					{width:366px; height:103px; margin:50px 0 0 100px; padding:40px 0 0 80px; background:url(/common/img/inquiry/pw_bg.jpg) no-repeat;}

.gallery				{width:586px; height:358px; background:url(/common/img/service/ga_bg.jpg) no-repeat;}
.gallery_im				{width:422px; height:348px; padding:5px; float:left;}
.gallery_title			{width:129px; height:20px; padding:15px 0 0 20px; float:left; font:bold 11px/16px µ¸¿ò,±¼¸²,Arial; color:#fff; overflow:hidden;}
.gallery_text			{width:139px; height:300px; padding:10px 0 0 10px; float:left; font:normal 11px/16px µ¸¿ò,±¼¸²,Arial; color:#777; overflow:hidden;}

.gallery_s				{width:586px; height:89px; float:left; margin-top:13px;}
.ga_s_im				{width:71px; height:61px; float:left; padding-top:2px;}
.ga_s_im_ov				{width:71px; height:61px; float:left; border:2px solid red;}


/**/
div.contents01		{width:720px; padding:20px 0 0 10px; float:left; overflow:hidden; }
.table01						{width:700px; margin:0 auto; border-bottom:1px solid #bbb; border-collapse:collapse; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#444;}
.table01 td						{height:22px; padding:7px 0 0 0; border-bottom:1px solid #e6e6e6}
.table01 th						{height:12px; padding:20px 0 0 0; text-align:left; color:#006666; font:bold 16px/16px µ¸¿ò,±¼¸²,Arial;}


.table01 td a:link			{text-decoration:none; color:#666;}
.table01 td a:visited		{text-decoration:none; color:#666;}
.table01 td a:hover			{text-decoration:none; color:#92623a;}
.table01 td a:active		{text-decoration:none; color:#92623a;}



table.ta02							{width:600px; margin:10px auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse:collapse;}
table.ta02 th						{height:20px; background-color:#eee; text-align:center; font-weight:bold; padding:10px 0 3px 0;}
table.ta02 th, table.ta02 td		{border-right:1px solid #ccc; text-align:center; vertical-align:middle;  border-bottom:1px solid #ccc; }
table.ta02 td						{padding:7px 10px 4px 10px;}

div.list_find						{width:600px; height:40px; margin:15px auto; padding:15px 0 0 0; text-align:center; background:url(/common/img/customer/find_bg.gif) no-repeat 0 0}

.num01								{margin:-5px 0 0 0; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}

.recruit_bg							{width:600px; height:70px; padding:10px 0 0 15px; margin:30px auto 5px auto; overflow:hidden; background:url(/common/img/common/recruit_bg.gif) no-repeat 0 0}
.view_bg							{width:700px; height:45px; padding:10px 0 10px 5px; margin:10px auto 5px 10px; overflow:hidden; background:url(/common/img/customer/view_bg.gif) no-repeat 0 0}
.view_bg2							{width:700px; height:45px; padding:10px 0 10px 5px; margin:10px auto 5px 10px; overflow:hidden; background:url(/common/img/customer/view_bg2.gif) no-repeat 0 0}
.view_bg3							{width:640px; height:45px; padding:10px 0 10px 75px; margin:30px auto 5px auto; overflow:hidden; background:url(/common/img/customer/view_bg3.gif) no-repeat 0 0}
.view01								{width:500px; height:20px; padding:0 0 0 90px; color:#535353; font: 12px/16px µ¸¿ò,±¼¸²,Arial; font-weight:bold;}
.view04								{width:350px; height:20px; padding:0 0 0 90px; color:#535353; font: 12px/16px µ¸¿ò,±¼¸²,Arial; font-weight:bold; float:left;}
.view02								{width:350px; height:20px; padding:7px 0 0 90px; text-align:bottom; float:left; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#636363;}
.view03								{width:50px; height:20px; padding:7px 10px 0 90px; float:left; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#636363;}


.view								{width:660px; margin:0 auto; padding:20px 5px 25px 5px; line-height:160%;}
.view_font							{width:660px; margin:0 auto; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777; padding:20px 0 25px 0; line-height:160%}

.prev_next							{width:610px; height:69px; margin:10px auto 5px 10px; padding:10px 0 0 90px; background:url(/common/img/customer/prev_bg.gif) no-repeat 0 0; }
.prev_next p						{height:28px; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#636363;}

.write_bt01							{padding-top:10px; text-align:right; margin:-20px 0 0 0;}


div#column_right					{width:600px; min-height:300px; _height:300px; padding:5px 0 0 5px; float:left;}
div.write							{width:700px; margin:0px auto 10px auto; background:url(/common/img/customer/write_bg.gif) repeat-y 0 0 }

table.write							{width:664px; margin:10px auto; border-collapse:collapse; border-bottom:1px solid #8890ad;  border-top:2px solid #475483;}
table.write td						{padding:4px 7px 4px 7px; vertical-align:middle;  border-bottom:1px solid #ddd;  }
table.write tr						{border-bottom:1px solid #d4d4d4;}

/**/
.as_view_bg							{width:530px; height:348px; margin:10px auto 0 auto; padding:1px 0 0 95px; background:url(/common/img/cs/as_view_bg.jpg) no-repeat 0 0}


td.faq_q				{padding:8px 0 0 23px; height:20px; background:url(/common/img/customer/q.gif) no-repeat 0 6px; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
div.faq_a				{width:100%; padding:8px 0 8px 0; text-align:left;  overflow:hidden; background:#eeeeee; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
.faq_a01				{width:62px; float:left; text-align:right; padding:5px 0 0 0; }
.faq_a02				{width:460px; padding:4px 25px 0 0; float:right; line-height:170%;}


.reservation								{width:100px; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777; margin:30px auto 30px auto;}
div.reservation_end							{width:409px; height:177px; padding:100px 58px 0 90px; margin:50px 0 100px 100px; background:url(/common/img/member/join_end_bg.jpg) no-repeat 0 0;}

table.reservation							{width:550px; margin:5px 0 0 15px; border-top:2px solid #0e3d6e; border-bottom:2px solid #0e3d6e}
table.reservation td						{padding:5px 0 4px 5px; border-bottom:1px solid #e9e9e9; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}

table.t_reservation							{width:340px;}
table.t_reservation th						{font-weight:bold; width:110px; background:#f2edfb;  font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777; }
table.t_reservation tr						{border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
table.t_reservation td						{padding:5px 0 5px 10px;  font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777; }


div.add_box				{width:700px; height:30px; text-indent:10px; background:#ecf2e8; font:12px/35px Dotum,Arial,sans-serif;}