@charset "euc-kr";
@import "table.css";
/* -------------------------------------------------------------------------------------------
 . Basic Style Sheet (for version ie7 browsers)
 . Title				: ÇѸ²´ëÇб³ ÇѸ²¼º½Éº´¿ø Áø·áÇù·Â¼¾ÅÍ
 . Author			: MostVisual by WebDesigner Hyun ju, LEE
 . LastUpDate		: 2013/05/20
 . CSS Display	: position, float, clear, overflow, visibility, display, border,
 						padding, margin, width, height, font, text-indent, line-hight, 
						letter-spacing, vertical-align, text-align, color, background  
---------------------------------------------------------------------------------------------- */



/* Common 
------------------------------------------------------- */
body { margin:0; padding:0; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,Helvetica,AppleGothic,Sans-serif; line-height:20px; color:#333; font-size:14px; -webkit-text-size-adjust:none; _position:relative;}
table, ul, li, dl, dd, dt, ol, table, th, tr, td, thead, tbody, h1, h2, h3, h4, div, p, span, html, form, input, button, select, textarea, checkbox, fieldset { padding:0; margin:0; }
ul, dl, ol { list-style:none; }
img, fieldset, table, form  { border:0; }
* html { height: 1px; } 

a { text-decoration:none; }
a:link, a:visited { color:#222; }
a:hover, a:active { text-decoration:underline; color:#ca534b; }
.f_left { float:left; }
.f_right { float:right; }

/* ÁÖ¿ä ¿µ¿ªÀ» Æ÷°ýÇÏ´Â Á¦¸ñ, µðÀÚÀÎ»ó º¸ÀÌÁö ¾Ê´Â ½ºÅµ¸Þ´º¿Í Áß¿ä Á¦¸ñó¸® */
/*h1 {float:left; margin-top:11px; clear:both; }*/

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub { font-size: 1em;}

h2 {font-size:25px}
 h2 img {position:absolute; left:10px; top:30px;}
h3 {background:url('../img/common/h3_blt.gif') 0 center no-repeat; padding-left:20px; font-size:16px; font-weight:bold; height:20px; margin-bottom:20px; clear:both;}
h4 {background:url('../img/common/h4_blt.gif') 0 center no-repeat; padding-left:20px; font-weight:bold; height:20px; margin-bottom:15px; margin-left:20px; font-size:14px; clear:both;}
h5 {font-size:14px; font-weight:bold; color:#036B92; margin:0 0 10px 0; }


.skip,
.accessiBility { position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font:0/0 Dotum; line-height:0%;  left:-9999px; }
.hidden, #contents .hidden {background: none repeat scroll 0 0 transparent; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0; position: absolute; visibility: hidden; width: 0;}




/* Layout 
-------------------------------------------------------*/
#wrap_main { background: url('../img/common/bg_main.gif') 0 0 repeat-x; } 
#wrap { background:url('../img/common/bg.gif') 0 0 repeat-x; } 
.container { position:relative; margin:0px auto ; width:950px; height:auto; text-align:left; }
.point { color:#005771; font-size:15px; }
.point1 { color:#333; }
.p { clear:both; height:30px; }
.clear { clear:both; }
.clear2 { clear:both; display:none;}

.display_none { display:none; }
.cursor_pointer { cursor:pointer; }


/* Form
-------------------------------------------------------*/
input, select, textarea { font-size:12px; border:1px solid #C3C3C3; border-top-color:#7C7C7C;  border-bottom-color:#ddd; }
fieldset { border:none; display:block; }
form { border:none; margin:0; padding:0; }
legend { position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font:0/0 Dotum; line-height:0%; left:-9999px; } 
textarea { padding:3px; }
input[type="text"] { height:14px; padding:2px; border:1px solid #aaaaaa; }
input[type="password"] { height:14px; padding:2px; border:1px solid #aaaaaa; }
input[type="submit"] { border:none; padding:3px 3px 1px; font-weight:bold; letter-spacing:-0.1em; }
input[type="radio"] { border:1px solid #ffffff; _border:0; } 
input[type="checkbox"] { border:0; _border:0; } 
input.noline		{ border:0; }
dt { font-weight:bold; letter-spacing:-0.1em; }

textarea.noline { border:0; overflow:hidden; }
.pati_contents dt { font-weight:bold; letter-spacing:-0.1em; }

/* Layout 
-------------------------------------------------------*/
.pati_contents { float:left; width:575px; height:auto; padding:15px; background:url('../img/e/patien_hi.gif') no-repeat 20px 7px; position:relative;}
.pati_contents .point { color:#D90036; }
.pati_contents .point1 { color:#333; }
.pati_contents .p { clear:both; height:30px; margin-top:10px; padding-bottom:20px; vertical-align:top; }

.pati_contents td { padding: 4px; }
.pati_contents th { white-space:nowrap; }

.hot_line {position:absolute; right:0; top:65px;}
.hot_line a {background-color:#909090; padding:10px; font-size:15px; font-weight:600; color:#FFF !important;}

.div_left {float:left; width:398px;}
.major_div {border:1px solid #8eb8e8; padding:23px 10px; float:left; background-color:#fff; width:396px; margin-bottom:11px; height:115px;}
.major_div h2 {font-size:16px; margin-bottom:10px; border:0; padding:0; margin-left:5px;}
.major_div h2 span {font-size:25px; coloR:#f4728c;vertical-align: bottom;}
.e_btn {width:100%;}
.e_btn li {float:left; width:31.5%; margin:0.91%; background-color:#f4728c;}
.e_btn li div {background-color:#f4728c; padding:5px;}
.e_btn li a {border:1px solid #fff; background-color:#666666; color:#fff; padding:20px 10px; display:block; text-align:center; font-weight:600}

.parter_btn {width:100%; padding-top:10px;}
.parter_btn li {float:left; width:20%; text-align:center; font-weight:600; letter-spacing:-1px}
.parter_btn li span {padding-bottom:10px;}
.parter_ico {background:url('../img/e/parter_ico.gif') no-repeat; display:inline-block;}

.parter01 {background-position:0 0; width:53px; height:47px;}
.parter02 {background-position:-88px 0; width:52px; height:47px;}
.parter03 {background-position:-166px 0; width:47px; height:47px;}
.parter04 {background-position:-238px 0; width:47px; height:47px;}
.parter05 {background-position:-325px 0; width:46px; height:47px;}

.main_print {float:right; margin-right:0; width:285px;}
.print_div {height:58px; overflow:hidden; border:1px solid #ccc; margin-bottom:11px; padding:8px 10px;}
.print_div .pit { background:url("../img/print_bg.gif") no-repeat center 0 / 58px 58px; float:left; height:58px; width:60px; }
.print_div a span {text-align:left; padding-top:10px; float:left; padding-left:10px;}

.main_nic {width:285px;}
.nic_div ul li {width:100%}






/* Áø·áÀÇ·Ú¼­ 
----------------------------------------------*/

.pati_contents a { text-decoration:none; }
.pati_contents a:link, a:visited { color:#222; }
.pati_contents a:hover, a:active { text-decoration:underline; color:#ca534b; }

.pati_contents .ultop { float:left; width:260px; height:auto; padding:55px 0 10px 80px; }
.pati_contents .ultop li { float:left; width:254px; padding-left:6px; background:url('../img/notice_blt.gif') no-repeat 0 4px; }
.pati_contents h1 { float:right; font:bold 50px; width:220px; height:auto;}
.pati_contents h1 img.h1 { display:block; padding-top:10px; }

.pati_contents h2 { clear:both; padding:3px 0 0 22px; height:27px; background: url('../img/common/h2_blt.gif') no-repeat 0 0; font:bold 12px dotum, Arial, verdana, µ¸¿ò; } 



/* Footer
-------------------------------------------------------*/
#footer {clear:both; background-color:#3d4c5c; padding:10px 0; width:100%; overflow:hidden; height:auto; margin:0; background-image:none}
#footer_in {width:1000px; margin:0 auto;}
#footer_left {width:700px; float:left;}
#footer_right {width:270px; float:left; border-left:1px solid #fff; padding:20px 0 20px 20px}
#links {font-size:12px; color:#fff; margin-bottom:20px;}
#links li {width:auto; float:left; letter-spacing:-1px;}
#links li a{font-weight:bold; border-left:1px solid #fff; float:left; width:auto; padding:0 10px;  text-decoration:none; color:#fff}
#links li a.none {border-left:0 none; padding-left:0;}
#links li a.red {color:#ff0000;}
.copyright {margin:0 auto; padding-top:20px; font-size:12px; color:#fff; }
.copyright a {color:#fff}
.icon_btn {width:100%;}
.icon_btn li {clear:both; overflow:hidden; width:100%; margin-bottom:10px;}
.icon_btn li div {float:left; padding-right:10px;}
.icon_btn li span {color:#fff; font-weight:600; font-size:13px; float:left; margin-top:10px; letter-spacing:-1px;}




/* BBS List 
------------------*/
.pati_contents .board { width:100%; height:auto; }
.pati_contents .board .bbs_search { padding:4px 0 4px 4px; text-align:right; vertical-align:middle; }

.pati_contents .board .boardlist				{ width:100%; border-collapse:collapse; border-top:1px solid #888; border-bottom:1px solid #888; }
.pati_contents .board .boardlistline		{border-left: 1px solid #888888; border-right: 1px solid #888888; }
.pati_contents .board .boardlist th			{ height:30px; padding:0 3px; border-left:0; border-right:1px solid #888; border-top:1px solid #888; text-align:center; background-color:#f8f8f8; vertical-align:middle; }
.pati_contents .board .boardlist th.l_line { border-left:1px solid #888; }
.pati_contents .board .boardlist td			{ height:24px; padding:3px 0 3px 7px; border-top:1px solid #888; text-align:left; vertical-align:top; }
.pati_contents .board .boardlist td img	{ padding-right:2px; vertical-align:middle; }
.pati_contents .board .boardlist .spacing { letter-spacing:-1px; }
.pati_contents .board .boardlist span.insu { display:block; width:150px; height:auto; float:left; padding:4px 10px 0 0; }
.pati_contents .board .boardlist span.insu1 { display:inline-block; width:210px; height:auto; font-size:11px; line-height:120%; }

.pati_contents .agree { height:auto; border:5px solid #ddd; padding:10px; overflow:hidden; zoom:1; }
.pati_contents .agree p { vertical-align:top; }
.pati_contents .agree .ymd { float:left; width:185px; height:20px; padding:15px 0 0 90px; }
.pati_contents .agree .ymd li { float:left; width:auto; font-size:13px; line-height:130%; }
.pati_contents .agree .rela { float:right; padding-top:15px; width:260px; height:20px; font-size:13px; line-height:130%; text-align:left; }
.pati_contents .agree .rela1 { clear:both; float:right; width:260px; height:20px; font-size:13px; line-height:130%; text-align:left; }

.pati_contents .footer .add { float:left; width:350px; margin:15px 0 0 5px; border-right:1px solid #dddddd; }
.pati_contents .footer .add li { font-size:12px; line-height:130%; padding-left:8px; background:url('../img/notice_blt.gif') no-repeat 0 4px; }
.pati_contents .footer .file { float:right; width:210px; text-align:right; padding:15px 0 0 0; }
.pati_contents .footer .file span { display:inline-block; height:18px; vertical-align:top; padding:4px 0 10px 0; letter-spacing:-1px; } 
.pati_contents .footer { width:550px; height:90px; }
.pati_contents .footer p { height:20px; padding:7px 0 0 0; text-align:center; }
.pati_contents .footer ul { padding:15px 0 0 20px; }
.pati_contents .footer li { font-size:12px; line-height:130%; padding-left:6px; background:url('../img/notice_blt.gif') no-repeat 0 4px; }


/*Áø·áÀÇ·Ú¼­ ¹öÆ°*/
.btn_list {float:right;}
.btn_list  li {float:left; padding-right:10px;}

/*e-mail º¸³»±â*/
.email_send {background:#fff; border:2px solid #e66c00; padding:10px; width:279px; height:60px; position:absolute; right:55px; top:60px;}
.email_decs {float:left; height:20px; padding-left:10px;}
.email_decs li {float:left; line-height:130%; }
.btn_send {float:right; padding-right:10px; padding-top:25px;}



/* ¿©¹é
------------------*/
.pl50	{padding-left:50px;}
.ml20 { margin-left:20px}
.mt20 { margin-top: 20px;}
.mb20 { margin-bottom: 20px;}


.img_div {text-align:center; padding:20px 0}

@media (min-width: 320px) and (max-width: 800px) {
	.pati_contents h1 img.h1 {width:50%;}
	.div_left,.major_div {width:100%; height:100% }
	.main_nic {width:100%}
	.e_btn li a {letter-spacing:-0.05em}
	.parter_btn li {margin-bottom:10px;} 
}

@media (min-width: 320px) and (max-width: 420px) {
	.e_btn li {width:100%}
	

}